简单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>轉載于:https://www.cnblogs.com/zjflove/p/3318338.html
總結
- 上一篇： js - flex布局测试案例:完美居中
- 下一篇： mysql架设手游_魔天屠龙传手游私服架