ajax(3)---jq下的ajax

jQuery  对ajax操作进行了封装，在最底层使用了原生的方法$.ajax() ,第二层是load(),$.post(),$.get(),第三层是$.getScript()和$.getJSON()

1load()

能载入远程的HTML代码，直接插入到DOM中

$(function(){

            $('a').click(function(){

                //use the function of load

                var url = this.href + " h1";//通过选择器，只返回部分html

                var args = {"time":new Date()};

                $('#content').load(url,args);//直接在将HTML节点插入

                return false;

            });

        });   

2$.get()   and   $.post()

二者很相像

var url = this.href;

var args = {"time":new Date()};

$.post(url,args,function(data){//get的结果放在回调函数的参数data中,也是响应结果

           var h = $(data).find('h1').text();

           var a = $(data).find('a').text();

            $('#content').empty().append("<h3>"+h+"</h3>");

                });

data 可以是xml,html,json等

3$.getJSON

$.getJSON(url,args,function(data){//get的结果放在回调函数的参数data中,也是响应结果

           var h = data.name;

           var a =data.address;

            $('#content').empty().append("<h3>"+h+"</h3>");

                });

4conclude