ansaurus

Question

Answer 1

A:

Insert in the head section of your index.php the following

<script type="text/javascript">
    $('#idoflink').click( function(){
       $.get(this.href, function(data){$('#testit').html(data);});
    });
</script>

and also change the link to have this href

<a href="testit.php?abc=1" id="#idoflink">Try again</a>

Gaby 2010-01-19 15:41:02

I had to edit some things after re-reading the original question ..

Gaby 2010-01-19 15:44:04

Shouldn't it also be this.href instead of this.src?

Richard Poole 2010-01-19 15:58:12

absolutely right ... corrected..

Gaby 2010-01-19 17:11:44

Answer 2

A:

If I understand what you want to do correctly, you can get by with jQuery's .load function, its simplest AJAX call. The following two files give a simple example of how it might work (index.php makes an AJAX call to test.php and displays its results in the div):

index.php:

<head>
<script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
<script>google.load("jquery", "1.3.2");</script>

<script>
  $(document).ready(function() {
    $("#idoflink").click(function() {
      $("#test").load("test.php?abc=1");
    });
  });
</script>
</head>

<body>
<a href="#" id="idoflink">Try again</a>
<div id="test"></div>
</body>

test.php:

<?
  print "abc = " . $_GET["abc"];
?>

EDIT:

In response to your comment, if you want to read the href, you can replace the onclick function with this

$("#idoflink").click(function(){
  $("#test").load(this.href);
  this.href = "#";
});

and the link with:

<a href="test.php?abc=1" id="idoflink">Try again</a>

Randy 2010-01-19 15:55:56

Randy, very near, but how do I get <a href"?abc=1"> into $("#test").load("test.php?abc=1"); it cannot be hard coded as the variable value of abc will change?

russell 2010-01-19 16:00:34

ansaurus

tags:

views:

answers:

JQuery Ajax basic question

related questions