Jquery与Ajax

Jquery对Ajax进行了封装主要是2个方法：

1.load方法2.post/get方法

1.先讲一下load方法：

远程请求，把请求的数据载入到

DOM
里；
load( url , [,data] , [,callback])
Url：请求地址
Data:请求参数
Callback:请求完成后的回调方法

具体的操作：

$("#actionButton").click(function(){

    $("div").load("/Jquery/ajax?action=load",{name:"xd",age:14},function(){

         alert("执行成功");

          })；

}）

load方法将{name:"xd",age:14}传到"/Jquery/ajax?action=load”后台，执行成功后div标签下会显示传送回来的Data数据3

2.讲一下post(大多数用post很少用get主要鉴于数据的多少和安全性问题）

$.post(URL,data,callback);
Url：请求地址
Data:请求参数
Callback:请求完成后的回调方法
具体操作：

$.post("/Jquery/ajax?action=post",{id:1},function(data,textStatus){

     alert(data);

     alert(textStatus);

     data=eval("("+data+")");

    $("#name").val(data.name);

    $("#age").val(data.age);

      })

      });

post方法将{id:1}作为参数传入到后台，后台返回data（数据）,textStatus（返回的状态）可以将数据放到指定的位置