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){}
});
本文深入剖析jQuery中的AJAX功能实现机制,特别是XMLHttpRequest对象的onreadystatechange回调函数如何处理服务器响应的状态变化,以及如何解析不同格式的数据。
315

被折叠的 条评论
为什么被折叠?



