jQuery实现Ajax

上一篇文章写过，使用原生JS对Ajax的实现，现在我们来写一下通过jQuery对Ajax

使用jQuery对JS有很大简化作用但是有些区别

简单的来说只有四个方法 

$("id").onload(url,date,function(date){ }),  
$.get(url,date,function(date){  }),

$.post(url,date,function(date){  }),

$.getJSON(url,date,function(date){  })

 

下面上代码，由于上一篇文章写了整体结构，所以这里只上JS代码

<script type="text/javascript">
        $(function(){
            $("a").click(function(){
                var url = this.href;
                var arg = {"time":new Date()};
                $.get(url,arg,function(data){
                    var name = $(data).find("name").text();
                    var text = $(data).find("text").text();
                    
                    $("#andy").append("<h2>"+ name +"</h2>")
                                .append("<a>" + text + "</a>");
                });
                return false;
            });
        });    
    </script>

 

 

 

<script type="text/javascript">
        $(function(){
            $("a").click(function(){
            alert("aaaa");
                var url = this.href;
                var args = {"time":new Date()};
                alert("aaaa");
                $.getJSON(url,args,function(data){
                alert("aaaa");
                    var name = data.person.name;
                    var text = data.person.text;
                    
                    $("#andy").append("<h2>"+ name +"</h2>")
                                .append("<a>" + text + "</a>");
                });
            return false;
            });
        });
    </script>

 

 

 <script type="text/javascript">
        $(function(){
            $("a").click(function(){
                var url = this.href + " h2";
                $("#andy").load(url);
                return false;
            });
        });
    </script>