今天才写的AJAX JS类库,开源免费使用.非常简单方便.热乎乎的呢,献丑了...不好的大家一起改改啊!

发个包上来/Files/eicesoft/AJAX.zip完整的打包

  1 /**
  2 AJAX类库 0.9
  3 @appellation    AJAX Lib 0.9
  4 @author         张怡冰
  5 @date           2007-08-01
  6 @copyright      ShanghaiLongzhong
  7 */
  8 function AJAXLib()
  9 {
 10     /**
 11     成员变量
 12     */
 13     this.XMLHttpReq = null;                        //XML对象
 14     this.method = "post";                        //执行的方法(post/get)
 15     this.URLString = "";                        //异步调用的页面地址
 16     this.response = "";                            //异步返回的响应字符串
 17     this.responseXML = "";                      //异步返回的响应XML
 18     this.failed = false;                        //创建对象错误标志
 19     
 20     /**
 21     事件区
 22     */
 23     this.onLoading = function() { };            //正在发送请求
 24     this.onLoaded = function() { };             //已经接收到全部响应内容
 25     this.onInteractive = function() { };        //正在解析响应内容
 26     this.onCompletion = function() { };         //响应内容解析完成
 27     this.onError = function() { };              //异步错误处理事件
 28     this.onFail = function() { };               //创建对象失败处理世界
 29     
 30     /**
 31     重置所有事件函数
 32     */
 33     this.resetFunctions = function() {
 34         this.onLoading = function() { };
 35         this.onLoaded = function() { };
 36         this.onInteractive = function() { };
 37         this.onCompletion = function() { };
 38         this.onError = function() { };
 39         this.onFail = function() { };
 40     };
 41     
 42     /**
 43     初始化函数(构造时自动初始化)
 44     */
 45     this.Init = function()
 46     {
 47        //对于Mozilla浏览器
 48         if(window.XMLHttpRequest)
 49         {
 50             //直接使用XMLHttpRequest函数来创建XMLHttpRequest对象
 51             this.XMLHttpReq = new XMLHttpRequest();
 52         }
 53         //对于IE浏览器
 54         else if (window.ActiveXObject)
 55         {
 56             //使用AcitveXObject函数创建浏览器
 57             try
 58             {
 59                 this.XMLHttpReq = new ActiveXObject("Msxml4.XMLHTTP");
 60             }
 61             catch(e)
 62             {
 63                 try
 64                 {
 65                     this.XMLHttpReq = new ActiveXObject("Msxml3.XMLHTTP");
 66                 }
 67                 catch(e)
 68                 {
 69                     try
 70                     {
 71                         this.XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
 72                     }
 73                     catch(e)
 74                     {
 75                         try
 76                         {
 77                             this.XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
 78                         } 
 79                         catch(oc)
 80                         {
 81                             this.failed=true;   //创建AJAX对象发生异常
 82                         }
 83                     }
 84                 }
 85             }
 86         }
 87     };
 88     
 89     /**
 90     发送请求函数
 91     @param data 发送的数据
 92     @example send("id=1");
 93     */
 94     this.Send=function(data)
 95     {
 96         var self=this;
 97         //通过open方法取得与服务器的连接
 98         if(this.method=="post")
 99         {
100             this.XMLHttpReq.open(self.method,self.URLString,true);
101         }
102         else
103         {
104             this.XMLHttpReq.open(self.method,self.URLString+"?"+encodeURI(data),true);
105         }
106         //添加消息响应头
107         this.XMLHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
108         
109         //异步回调函数
110         this.XMLHttpReq.onreadystatechange = function()
111         {
112             //对象未创建
113             if (self.failed) {
114                 self.onFail();
115                 return;
116             }
117             
118             //消息响应标志
119             switch (self.XMLHttpReq.readyState) {
120                 case 1:
121                 {
122                     self.onLoading();
123                     break;
124                 }
125                 case 2:
126                 {
127                     self.onLoaded();
128                     break;
129                 }
130                 case 3:
131                 {
132                     self.onInteractive();
133                     break;
134                 }
135                 case 4:
136                 {
137                     if(self.XMLHttpReq.status==200) { 
138                         self.response = self.XMLHttpReq.responseText;
139                         self.responseXML = self.XMLHttpReq.responseXML;
140                         self.onCompletion();
141                     }
142                     else 
143                     { 
144                         self.onError();     //执行错误函数
145                     }
146                     break;
147                 }
148             }
149         };
150         if(this.method=="post")
151         {
152             this.XMLHttpReq.send(encodeURI(data)); //发送请求
153         }
154         else
155         {
156             this.XMLHttpReq.send(); //发送请求
157         }
158     };
159     
160     this.Abort=function()
161     {
162         this.XMLHttpReq.abort();
163     }
164     
165     this.Close=function()
166     {
167         this.XMLHttpReq=null;
168     }
169     //初始化AJAX库
170     this.Init();
171 }

测试页代码(test.htm)

 1 <html>
 2 <head>
 3     <script language="javascript" src="AJAXLib.js"></script>
 4     <script language="javascript">
 5         var st=new AJAXLib();
 6         st.URLString="a.aspx";
 7         //st.method="post"
 8         st.onCompletion=function()
 9         {
10             alert(st.response);
11         }
12         st.onLoading=function()
13         {
14             alert("onLoading");
15         }
16         st.onLoaded=function()
17         {
18             alert("onLoaded");
19         }
20         st.onInteractive=function()
21         {
22             alert("onInteractive");
23         }
24         st.Send("id=1&name=张怡冰");
25     </script>
26 </head>
27 <body>
28     
29 </body>
30 </html>

服务器端代码(a.asp)

1 <%
2     Dim id1,name1
3     id1=Request.QueryString("id")
4     name1=Request.QueryString("name")
5     Response.Write("你好:"+name1+"你的ID是"+id1)
6 %>