Javascript 封装的ajax方法

Question

转：夕阳茶

Javascript 封装的ajax方法

1. //ajax的封装  
3. var Ajax = {  
5.     method: 'post',  
7.     asynchronous: true,  
9.     proxy: null,  
11.     contentType: "application/x-www-form-urlencoded",  
13.    
15.     create: function () {  
17.         var me = this, proxy;  
19.         var xmlhttpObj = ['MSXML2.XMLHTTP.3.0',  
21.                        'MSXML2.XMLHTTP',  
23.                        'Microsoft.XMLHTTP'];  
25.         if (window.XMLHttpRequest)// firefox   
27.         {  
29.             proxy = new XMLHttpRequest();  
31.         }  
33.         else if (typeof ActiveXObject != "undefined")// IE   
35.         {  
37.             for (var i = 0, len = xmlhttpObj.length; i < len; i++) {  
39.                 if (!proxy)  
41.                     proxy = new ActiveXObject(xmlhttpObj[i]);  
43.                 else
45.                     break;  
47.             }  
49.         }  
51.         return proxy;  
53.     },  
55.     stateChange: function (proxy, callback) {  
57.         var me = this;  
59.         var readyState = proxy.readyState;  
61.         if (readyState == 4 && proxy.status == 200)  
63.             (callback || function () { }).call(me, proxy.responseText, proxy);  
65.     },  
67.     analyzeParam: function (params) {  
69.         var arrp = [];  
71.         for (var p in (params || {})) {  
73.             arrp.push("&" + p + "=" + params[p]);  
75.         }  
77.         return arrp.join().replace(/\,/g, "");  
79.     },  
81.     request: function (cfg) {  
83.         var me = this;  
85.         var proxy = me.create();  
87.         if (proxy) {  
89.             proxy.onreadystatechange = function () {  
91.                 me.stateChange.call(me, proxy, cfg.callback);  
93.             };  
95.         }  
97.         var param = me.analyzeParam(cfg.params);  
99.         try {  
101.             proxy.open(me.method, cfg.url, me.asynchronous);  
103.             proxy.setRequestHeader("Content-type", me.contentType);  
105.             proxy.send(me.analyzeParam.call(me, cfg.params));  
107.         }  
109.         catch (ex) {  
111.             alert(ex.message)  
113.         }  
115.     }  
117. };  
119.    
121.    
123. //调用方法  
125. Ajax.request({  
127.       url:"text.aspx",  
129.       params:{name:'aa',age:20},  
131.       callback:function(response){alert(response)}  
133. });

复制代码