生活随笔
收集整理的這篇文章主要介紹了
如何编写Ajax库
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
Ajax請求步驟
?? ?1. 創(chuàng)建AJax對象
?? ?2. 連接服務(wù)器
?? ?3. 發(fā)送請求
?? ?4. 接受返回
1 function ajax(url, fnSucc, fnFaild)
2 {
3 //1.創(chuàng)建ajax對象
4 var oAjax=null;
5
6 if(window.XMLHttpRequest)
7 {
8 oAjax=new XMLHttpRequest();
9 }
10 else
11 {
12 oAjax=new ActiveXObject("Microsoft.XMLHTTP");//讓IE6兼容 XMLHttpRequest
13 }
14
15 //2.連接服務(wù)器
16 //open(方法, url, 是否異步)
17 oAjax.open('GET', url, true);
18
19 //3.發(fā)送請求
20 oAjax.send();
21
22 //4.接收返回
23 /*OnReadyStateChange監(jiān)控請求狀態(tài)
24 readyState屬性：請求狀態(tài)
25 -> 0（未初始化)還沒有調(diào)用open()方法
26 -> 1（載入)已調(diào)用send()方法，正在發(fā)送請求
27 -> 2（載入完成)send()方法完成，已收到全部響應(yīng)內(nèi)容
28 -> 3 (解析)正在解析響應(yīng)內(nèi)容
29 -> 4 (完成)響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用
30 status屬性：請求結(jié)果（成功==200）
31 responseText：服務(wù)器返回給客戶端的內(nèi)容
32 */
33 oAjax.onreadystatechange=function ()
34 {
35 if(oAjax.readyState==4)
36 {
37 if(oAjax.status==200)
38 {
39 //alert('成功：'+oAjax.responseText);
40 fnSucc(oAjax.responseText);
41 }
42 else
43 {
44 if(fnFaild)
45 {
46 fnFaild();
47 }
48 }
49 }
50 };
51 } 至此，一個簡單的Ajax庫編寫完成。
轉(zhuǎn)載于:https://www.cnblogs.com/lizzy/archive/2012/07/13/2589935.html
總結(jié)
以上是生活随笔為你收集整理的如何编写Ajax库的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
