原生Ajax 请求

万和IT

1. function jsAjax(args) {
   
2.   var self = this;
   
3.   this.options = {
   
4.     type: 'GET',
   
5.     async: true,
   
6.     contentType: 'application/x-www-form-urlencoded',
   
7.     url: 'about:blank',
   
8.     data: null,
   
9.     success: {},
   
10.     error: {}
    
11.   };
    
12.   this.getXmlHttp = function () {
    
13.     var xmlHttp;
    
14.     try {
    
15.       xmlhttp = new XMLHttpRequest();
    
16.     } catch (e) {
    
17.       try {
    
18.         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    
19.       } catch (e) {
    
20.         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    
21.       }
    
22.     }
    
23.     if (!xmlhttp) {
    
24.       alert('您的浏览器不支持AJAX');
    
25.       return false;
    
26.     }
    
27.     return xmlhttp;
    
28.   };
    
29.   this.send = function () {
    
30.     C.each(self.options, function (key, val) {
    
31.       self.options[key] = (args[key] == null) ? val : args[key];
    
32.     });
    
33. 
    
34.     var xmlHttp = new self.getXmlHttp();
    
35.     if (self.options.type.toUpperCase() == 'GET') {
    
36.       xmlHttp.open(self.options.type, self.options.url + (self.options.data == null ? "" : ((/[?]$/.test(self.options.url) ? '&' : '?') + self.options.data)), self.options.async);
    
37.     } else {
    
38.       xmlHttp.open(self.options.type, self.options.url, self.options.async);
    
39.       xmlHttp.setRequestHeader('Content-Length', self.options.data.length);
    
40.     }
    
41.     xmlHttp.setRequestHeader('Content-Type', self.options.contentType);
    
42.     xmlHttp.onreadystatechange = function () {
    
43.       if (xmlHttp.readyState == 4) {
    
44.         if (xmlHttp.status == 200 || xmlHttp.status == 0) {
    
45.           if (typeof self.options.success == 'function') self.options.success(xmlHttp.responseText);
    
46.           xmlHttp = null;
    
47.         } else {
    
48.           if (typeof self.options.error == 'function') self.options.error('Server Status: ' + xmlHttp.status);
    
49.         }
    
50.       }
    
51.     };
    
52.     xmlHttp.send(self.options.type.toUpperCase() == 'POST' ? self.options.data.toString() : null);
    
53.   };
    
54.   this.send();
    
55. };
    
56. 
    

复制代码