[js] 轻便的XMLHttpRequest应用函数：downloadUrl() 【转】

前段时间在用google map api的函数库的时候，发现里面的downloadUrl函数非常好用，所以自己写了一个。用腻了那些什么框架什么池，到头来发现越简单的东西越是适合我这种懒人。

downloadUrl(url, callback, data);

参数说明：
url不用说了;
callback是回调函数，函数调用的时候会有两个参数：data, responseCode，data就是responseText，responseCode就是status;
data是要post的数据，get方式时此参数可省略。

用法一：直接把回调函输写在参数中
downloadUrl(’http://www.ugia.cn/wp-data/test.htm’, function (data, responseCode) {
alert(data); // 这里处理返回的数据
});

用法二：先定义回调函数，然后传入
function test(data, responseCode) {
alert(data); // 这里处理返回的数据
}

downloadUrl(’http://www.ugia.cn/wp-data/test.htm’, test);

源代码：

下载: download_url.js

1. /**
2. * download url lite
3. *
4. * @author: legend(legendsky@hotmail.com)
5. * @link: http://www.ugia.cn/?p=122
6. * @version: 1.0
7. *
8. * @param string   url     
9. * @param string   callback  回调函数
10. * @param string  data      post数据
11. *
12. * @return void
13. */
14. function downloadUrl(url, callback, data)
15. {
16.     // init
17.     url += url.indexOf("?") >= 0 ? "&" : "?";
18.     url += "random_download_url=" + Math.random();
19.    
20.     if (typeof data == 'undefined')
21.     {
22.         var data = null;
23.     }
25.     method = data ? 'POST' : 'GET';
26.    
27.     // create XMLHttpRequest object
28.     if (window.XMLHttpRequest)
29.     {
30.         var objXMLHttpRequest = new XMLHttpRequest();
31.     }
32.     else
33.     {
34.         var MSXML = ['MSXML2.XMLHTTP.6.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
35.         for(var n = 0; n < MSXML.length; n ++)
36.         {
37.             try
38.             {
39.                 var objXMLHttpRequest = new ActiveXObject(MSXML[n]);       
40.                 break;
41.             }
42.             catch(e)
43.             {
44.             }
45.         }
46.     }
47.    
48.     // send request
49.     with(objXMLHttpRequest)
50.     {
51.         //setTimeouts(30*1000,30*1000,30*1000,30*60*1000);
52.         try
53.         {
54.             open(method, url, true);
55.            
56.             if (method == 'POST')
57.             {
58.                 setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
59.             }
60.            
61.             send(data);           
62.         }
63.         catch(e)
64.         {
65.             alert(e);
66.         }
67.        
68.         // on ready
69.         onreadystatechange = function()
70.         {
71.             if (objXMLHttpRequest.readyState == 4)
72.             {
73.                 callback(objXMLHttpRequest.responseText, objXMLHttpRequest.status);
74.                 delete(objXMLHttpRequest);
75.             }
76.         }
77.     }
78. }