下面是Easy.Ajax類的初稿，如須發表，在代碼上還要修改以達到最簡，但API是不會變了，

?

Easy.Ajax = (function (WINDOW) {ajax = {proxyPool: {length: function () {var i = 0;for (var p in this)i++;return i - 1;}},index: 0,clearCache: true,contentType: "application/x-www-form-urlencoded; charset=utf-8",timeout: 10000,async: true,xmlData: false,createXhr: function (id) {var py, pxy;try {try {pxy = new XMLHttpRequest();} catch (e) {}var md = ['Msxml2.XMLHTTP.4.0', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP'];for (var i = 0; !pxy && i < md.length; i++)try {pxy = new ActiveXObject(md[i]);} catch (e) {}py = {conn: pxy,isLoading: false,id: id};this.proxyPool[id] = py;} catch (e) {return new Easy.Error(e, e.message);} finally {return pxy ? py : new Easy.Error('Null pointer');}},getParam: function (pms) {return Easy.util.join(pms, "&");},callback: function (rsp, cfg) {if (this.status == 200) {(cfg.success || Easy.emptyFn).call(this, rsp);} else {(cfg.failure || Easy.emptyFn).call(this, rsp, this.statue);}},open: function (method, url, async, cfg, uname, pwd) {var me = this, pxy = this.createXhr(this.index++);var conn = pxy.conn;conn.open(method, url, async, uname, pwd);conn.setRequestHeader("Content-Type", cfg.xmlData || this.xmlData? "text/xml": this.contentType);conn.setRequestHeader("timeout", cfg.timeout || this.timeout);try {conn.setRequestHeader("X-Requested-With", "XMLHttpRequest");} catch (e) {}try {conn.onreadystatechange = function () {if (conn.readyState == 4) {pxy.isLoading = false;(cfg.callback || me.callback).call(conn, conn.responseText|| conn.responseXML, cfg);Easy.delay(me.destroy, 10, pxy, pxy.id);}}conn.ontimeout = cfg.ontimeout || dh.ontimeout;} catch (e) { }return pxy;},toRequstCfg: function (cfg) {if (Easy.isString(cfg))cfg = {url: cfg};cfg.url = Easy.util.urlAppend(cfg.url, Math.random(5))var form = Easy.DOM.get(cfg.form);if (form) {if (cfg.isUpload || /multipart\/form-data/i.test(form.getAttribute("enctype")))cfg.isUpload = true;elsecfg.params = Easy.util.serializeForm(form);}return cfg;},request: function (cfg, method) {if (cfg.isUpload && cfg.form)return this.upload(cfg);var pxy = this.open(method || "POST", cfg.url, true, cfg), proxy = pxy.conn;var params = this.getParam(cfg.params), bl = cfg.beforeLoad;if (bl && Easy.getType(bl) == "function" && bl.call(proxy) === false)return;proxy.send(params);pxy.isLoading = true;return pxy.id;},get: function (cfg) {cfg = this.toRequstCfg(cfg);return this.request(cfg, "GET");},post: function (cfg) {cfg = this.toRequstCfg(cfg);return this.request(cfg);},upload: function (cfg) {if (!form) {form = Easy.DOM.create({tag: 'form',id: "Easy_Ajax_Form"}, Easy.getBody());formCreated = true;}var iframe = document.createElement("iframe");var iframeID = "Easy_Ajax_Form_Submit";Easy.DOM.setAttributes(iframe, {id: iframeID,name: iframeID,width: "0px",height: "0px",style: "display:none;",src: "about:blank"});Easy.DOM.render(iframe, form);if (Easy.isIE6 || Easy.isIE7)document.frames[iframeID].name = iframeID;var complete = function () {Easy.DOM.destroy(iframe);if (formCreated)Easy.DOM.destroy(form);};cfg.url = cfg.url || form.action;Easy.DOM.setAttributes(form, {action: Easy.util.urlAppend(cfg.url, cfg.params),target: iframeID,enctype: "multipart/form-data",encoding : "multipart/form-data",method: "POST"});var cb = function () {try {var me = this, r ={responseText: '', responseXML: null},doc,firstChild;try {doc = iframe.contentWindow.document || iframe.contentDocument || WINDOW.frames[id].document;if (doc) {if (doc.body) {if (/textarea/i.test((firstChild = doc.body.firstChild || {}).tagName)) {r.responseText = firstChild.value;}else {r.responseText = doc.body.innerHTML;}}r.responseXML = r.responseText;}}catch (e) {}(cfg.callback || cfg.success || complete).call(r, r.responseText ||r.responseXML, cfg);} catch (e) {(cfg.failure || cfg.callback || complete).call(r, e.message, cfg);}};Easy.DOM.on(iframe, "load", cb, iframe);form.submit();},destroy: function (id) {var ajax = Easy.Ajaxajax.abort.call(ajax, id);delete ajax.proxyPool[id];},abort: function (id) {if (!Easy.isIE6)try { (this.proxyPool[id] || { conn: {} }).conn.abort(); } catch (e) { }}}return ajax;})(window);

?

轉載于:https://www.cnblogs.com/Easyjs/archive/2011/02/24/ajax.html

總結

以上是生活随笔為你收集整理的Easy.Ajax 部分源代码， 支持文件上传功能， 兼容所有主流浏览器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。