JQuery学习之AJAX

JQuery学习之AJAX
1.$(selector).load(URL,data,callback);
参数解释：
url:请求路径；
data:可选。发送到服务器的数据；格式为：{name:value}；也可以作为参数列表添加到url中；
function(response,status,xmlHttp)为回调函数，load完成后执行；
参数解释：
response：调用成功时的响应结果;
status：请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror");
xmlHttp：XMLHttpRequest对象；
eg:$("#show").load("operate.jsp?userName="+$("#username").val()+"&btn=check");

2.$.get(URL,callback)和$.post(URL,data,callback);
大致同load();

3.$.ajax([setting]);
setting:可选。用于配置Ajax请求的键值对集合，可以通过$.ajaxSetup()设置任何选项的默认值；
eg:
$.ajaxSetup({url:"test.jsp",success:function(){alert("SUCCESS!")}});
$.ajax({data:{name:"value"}});
常用参数：
async:ture/false是否异步请求；
cache:默认值为true,dataType为script和jsonp时默认为false。设置为 false 将不缓存此页面。
contentType:用于设置发送内容到服务器的编码方式；
    eg:contentType: "application/x-www-form-urlencoded; charset=utf-8";
content:用于设置回调函数的上下文eg；context: document.body；
data:发送到服务器的数据eg:data:{name:value};可以是字符串,数组,json等；
dataType:设置服务器返回的数据类型，可以是xml,html,script,json.jsonp,text;
sucess/error:用于请求成功或失败时调用此回调函数；
success:function(data,textStatus)参数解释 data:服务器返回的数据；textStatus：返回状态；
error:function(XMLHttpRequest, textStatus, errorThrown)包含三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。
eg:success:function(data){alert(data)};
xhr:返回一个XMLHttpRequest对象；

4.$.getJSON(url,data,function(data,status,xhr));
为简写的Ajax函数，等价于：
$.ajax({
  url: url,
  data: data,
  success: callback,
  dataType: json
});

5.$(selector).serialize();
创建以标准 URL 编码表示的文本字符串;通过序列化表单值，创建 URL 编码文本字符串;
输出格式为：name=value&name1=value1...

6.$(selector).serializeArray();
序列化表单元素（类似 .serialize() 方法），返回 JSON 数据结构数据;
输出格式为：
[
  {name: 'firstname', value: 'Hello'},
  {name: 'lastname', value: 'World'},
  {name: 'alias'}, // 值为空
]