简单ajax库

 1 function TuziAjax(reqType,url,fnoK, fnFail)
 2 {
 3     var xmlHttp = null;
 4     if (window.XMLHttpRequest) { 
 5         xmlHttp = new XMLHttpRequest();
 6     }
 7     else { 
 8         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//兼容IE6
 9     }
10     //连接服务器 open(提交方法,url,是否异步);
11     xmlHttp.open(reqType.toLowerCase()=="post"?"post":"GET", url, true);
12   
13     //发送请求
14     xmlHttp.send();
15     
16     //接受返回
17     xmlHttp.onreadystatechange = function () {
18         if (xmlHttp.readyState == 4) {
19             if (xmlHttp.status == 200) {
20                 fnoK(xmlHttp.responseText);
21             }
22             else {
23                 if (fnFail) {//如果传入请求失败函数,就调用该函数
24                     fnFail();
25                 } 
26             }
27         }
28     }
29 
30 }

 

使用

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 2 <html>
 3 <head>
 4     <title>测试</title>
 5     <script src="TuziAjax.js" type="text/javascript"></script>
 6     <script type="text/javascript">
 7 
 8         window.onload = function () {
 9             var btnAjax = document.getElementById("btnAjax");
10             btnAjax.onclick = function () {
11                 TuziAjax("GET",'txt.txt', function (data) {
12                     alert(data);
13                 }, function () { alert("请求失败"); });
14             };
15         }
16    
17     </script>
18 </head>
19 <body>
20     <input type="button" value="测试ajax库" id="btnAjax" />
21 </body>
22 </html>
posted @ 2013-09-13 07:30  哈哈2222  阅读(878)  评论(7编辑  收藏  举报