Mar 27, 2012

JQuery Ajax Basic Examples


1JQUERY Ajax : Function ajax()

<a href="http://tutorialsjquery.blogspot.com/2012/03/jquery-first-steps-for-beginners.html" id="trigger1" >Show me the money !!!!</a>
<div id="target1">Hey!!!
</div>
$("#trigger1").click(function(){
    var _url=$(this).attr("href");
    $.ajax({
 url : _url;
      }).done(function(data){
 $("#target").html(data);
      });    
    return false;
  });
Show me the money !!!!
Hey!!!

2JQUERY Ajax : Function load()

<a href="http://tutorialsjquery.blogspot.com/2012/03/jquery-first-steps-for-beginners.html" >Show me the money !!!!</a>
<div id="target2">Hey!!!</div>

$("#trigger1").click(function(){
var _url=$(this).attr("href");
$("#target2").load(_url);
    return false;
  });
Show me the money !!!!
Hey!!!

No comments:

Post a Comment