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'}, // 值为空
]
JQuery学习之AJAX
最新推荐文章于 2024-05-05 23:45:07 发布