jquery 源码分析7-ajax(C)XMLHttpRequest回调函数onreadystatechange函数
onreadystatechange函数主要处理服务器返回的数据
源码简化如下:
var onreadystatechange = function(){
var status = (xhr.status >= 200 && xhr.status < 300)?"success":"error";
if ( status == "success" ) {
try {
data =httpData( xhr, s.dataType, s.dataFilter );
} catch(e) {
status = "parsererror";
}
}
if(status == "success" ){
success();
}else{
complete();
}
function success(data){
if ( s.success )
s.success( data, status );
}
function complete(){
// Process result
if ( s.complete )
s.complete(xhr, status);
}
}
function httpSuccess( xhr ) {
try {
// IE error sometimes returns 1223 when it should be 204 so treat it as success, see #1450
return !xhr.status && location.protocol == "file:" ||
( xhr.status >= 200 && xhr.status < 300 ) || xhr.status == 304 || xhr.status == 1223 ||
jQuery.browser.safari && xhr.status == undefined;
} catch(e){}
return false;
};
function httpData( xhr, type, filter ) {
var ct = xhr.getResponseHeader("content-type"),
xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0,
data = xml ? xhr.responseXML : xhr.responseText;
if( filter ) //数据过滤,在ajax传入参数的时候设置,一般不设置
data = filter( data, type );
if ( type == "script" )
jQuery.globalEval( data );
if ( type == "json" )
data = eval("(" + data + ")");
return data;
}
由于服务器端自返回xml,和text类型数据,所以得有个httpData方法来处理返回的数据,如果是text格式就通过window自带的eval()方法来处理,拼接成一个json;eval()方法是通过javascript编译器处理,是有些不安全的,自己在使用的时候要谨慎,对数据处理好后,接着就回调我们自己的success方法,如下,如果失败就调用comlete方法,这样就将服务器返回的数据传递到调用者手上,这样调用者就可以处理数据了,如下:
$.ajax({
.....
complete:function(data){},
success:function(data){}
});