jquery $.ajax 实现 精通javascript 完整的ajax程序包

// 执行AJAX请求的通用函数//带一个参数，是包含一系列选项的对象function ajax(options){ //如果用户没有提供某个选项则用默认值代替 options = { //HTTP请求的类型 type: options.type || "POST", //请求的URL url: options.url || "", //请求返回的数据类型dataType: options.dataType || "", //请求超时时间 timeout: options.timeout || 5000, //请求失败，成功或完成（无论成功或者失败都会执行）时执行的函数 onComplete: options.onComplete || function(){}, onError: options.onError || function(){}, onSuccess: options.onSuccess || function(){}, //服务器返回的数据类型，这一默认值用于判断服务器返回的数据并做相应动作 data: options.data || "" }; //创建请求对象 var xml = createAjaxObj(); //初始化异步请求 xml.open(options.type, options.url, true); //我们在请求后等待5秒，超时则放弃 var timeoutLenght = options.timeout; //记录请求是否成功完成 var requestDone = false; // 初始化一个5秒后执行的回调函数，用于取消请求 （如果尚未完成的） setTimeout(function(){ requestDone = true; }, timeoutLenght); // 监听文档状态的更新 xml.onreadystatechange = function(){ //保持等待，直到数据完全加载，并保证请求未超时 if (xml.readyState == 4 && !requestDone) { //检查是否请求成功 if (httpSuccess(xml)) { //以服务器返回的数据作为参数调用成功回调函数 options.onSuccess(httpData(xml, options.dataType)); } else { options.onError(); } //调用完成回调函数 options.onComplete(); //为避免内存泄漏，清理文档 xml = null; } }; //建立与服务器连接 xml.send(null); //判断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; }}