jQuery中$.ajax的实现解析

// 执行AJAX请求的通用函数
//带一个参数，是包含一系列选项的对象
function ajax(options){
//如果用户没有提供某个选项则用默认值代替
options = {
//HTTP请求的类型
type: options.type || “POST”,
//请求的URL
url: options.url || “”,
//请求超时时间
timeout: options.timeout || 5000,
//请求失败，成功或完成（无论成功或者失败都会执行）时执行的函数
onComplete: options.onComplete ||
function(){},
onError: options.onError ||
function(){},
onSuccess: options.onSuccess ||
function(){},
//服务器返回的数据类型，这一默认值用于判断服务器返回的数据并做相应动作
data: options.data || “”
};

//创建请求对象
var xml = new XMLHttpRequest();
//初始化异步请求
xml.open(options.type, options.url, true);
//我们在请求后等待5秒，超时则放弃
var timeoutLenght = options.timeout;

//记录请求是否成功完成
var requestDone = false;

// 初始化一个5秒后执行的回调函数，用于取消请求 （如果尚未完成的）
setTimeout(function(){
var requestDone = true;
}, timeoutLenght);

// 监听文档状态的更新
xml.onreadystatechange = function(){
//保持等待，直到数据完全加载，并保证请求未超时
if (xml.readyState == 4 && !requestDone) {
//检查是否请求成功
if (httpSuccess(xml)) {
//以服务器返回的数据作为参数调用成功回调函数
options.onSuccess(httpData(xml, options.type));
}
else {
options.onError();
}
//调用完成回调函数
options.onComplete();
//为避免内存泄漏，清理文档
xml = null;
}
};

//建立与服务器连接
xml.send();

//判断HTTP响应是否成功
function httpSuccess(r){
try {
//如果得不到服务器状态，且我们正在请求本地文件，认为成功
return !r.status && location.protocol == “file:” ||

//所有200到300间的状态表示为成功
(r.status >= 200 && r.status < 300) ||

//文档未修改也算成功
r.status == 304 ||

//Safari 在文档未修改时返回空状态
navigator.userAgent.indexOf(“Safari”) >= 0 && typeof r.status == “undefined”;
}
catch (e) {
}
//若检查状态失败，就假定请求是失败的
return false;
}

//从HTTP响应中解析正确的数据
function httpData(r, type){
//获取 content-type 的首部
var ct = r.getResponseHeader(“content-type”);

//若是没有提供默认的类型，判断服务器返回的是否是xml形式
var data = !type && ct && ct.indexOf(“xml”) >= 0;

//若是，获得xml文档对象，否则返回文本内容
data = type == “xml” || data ? r.responseXML : r.responseText;

//若指定类型是“script”，则以Javascript形式执行返回文本
if (type == “script”)
eval.call(window, data);
//返回响应数据（或为XML文档，或为文本字符串）
return data;

}
}

更多关于Jquery的文章