Ajax的回调函数（js与JQuery写法）
什么是ajax回调函数
如果要处理ajax请求后得到的数据，则需要使⽤回调函数
success：请求后成功调⽤，传⼊返回的数据
error：请求后失败调⽤，返回错误类型和异常原因
beforeSend：请求前调⽤，传⼊XMLHttpRequest 作为参数
dataFilter：请求成功后调⽤，传⼊返回的数据和dataType参数值
complete：请求后调⽤，⽆论成功还是失败，返回XMLHttpRequest 对象，以及⼀个包含成功或错误代码的字符串
代码⽰例
JS原⽣写法
创建xmlhttp对象，然后执⾏open和send，通过adystatechange = stateChanged回调函数来处理返回值。
readyState== 0 //尚未加载
readyState== 1 //正在加载
readyState== 2 //加载完毕
readyState== 3 //正在处理
readyState== 4 //处理完毕
//创建ajax
function testAjax () {
xmlHttp = GetXmlHttpObject();
jquery ajax例子if (xmlHttp == null) {
alert("浏览器不⽀持");
return;
}
var url = "";
xmlHttp.open("GET", url, true);
xmlHttp.send();
//ElementByIdx_x("txt").sponseText; }
//创建不同的ajax对象
function GetXmlHttpObject () {
var xmlHttp = null;
try {
/
/firefox opera safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
//ie
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
//监控状态
function stateChanged () {
if (adyState == 4) {
//ElementByIdx_x("txt").sponseText;    sponseText);
}
}
JQuery写法
// （1）Post写法
var txt = $("input").val();//换的某个输⼊框的value
/
/使⽤post⽅法，传输值为suggest=txt，绑定回调函数$.post("test.html", { suggest: txt }, function (result) {  $("#div").html(result);
});
// （2）Get写法
var txt = $("input").val();//换的某个输⼊框的value
//使⽤get⽅法，传输值为suggest=txt，绑定回调函数$.get("test.html", { suggest: txt }, function (result) {  $("#div").html(result);
});
// （3）ajax写法（通过http请求）
$.ajax({
type: "get",
url: "wwwblogs/rss",
beforeSend: function (XMLHttpRequest) {
//代码段;
},
success: function (data, textStatus) {
$(".ajax.ajaxResult").html("");
$("item", data).each(function (i, domEle) {
$(".ajax.ajaxResult").append(
"代码段")
});
},
complete: function (XMLHttpRequest, textStatus) {    //代码段;
},
error: function () {
//请求出错处理
}
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。