Ajax的異步交互:

　　客戶端向服務(wù)器端發(fā)送請(qǐng)求，直到服務(wù)器端進(jìn)行響應(yīng)，這個(gè)過程中，用戶可以做任何其他事情(不等).

實(shí)現(xiàn)Ajax的異步交互步驟(舉例說明):

　　get方式:

　　1.創(chuàng)建XMLHttpRequest核心對(duì)象

　　

　　var xhr=getXhr();

　　2. 與服務(wù)器端建立連接

　　xhr.open("get","01.php?user=zhangwuji");

　　3. 客戶端向服務(wù)器端發(fā)送請(qǐng)求

　　//send()方法不起作用,但是不能被省略

　　xhr.send(null);

　　4. 客戶端接收服務(wù)器端的響應(yīng)
???　xhr.onreadystatechange = function()

　　{ ???　　　

　　　　if(xhr.readyState == 4 && xhr.status == 200)

　　　　{ ????　　　　

　　　　　　var data = xhr.responseText; ????　　　　

　　　　　　console.log(data); ???　　　

　　　　}
??　}

　? post方式

　?1.創(chuàng)建XMLHttpRequest核心對(duì)象

　　

　　2. 與服務(wù)器端建立連接

　　xhr.open("post","01.php");

　　3. 客戶端向服務(wù)器端發(fā)送請(qǐng)求

　　//send()方法起作用
?????//在send()方法被調(diào)用前,使用setRequestHeader()方法設(shè)置請(qǐng)求頭信息

　? xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

??　xhr.send("user=zhangwuji");

　　4. 客戶端接收服務(wù)器端的響應(yīng)

　　xhr.onreadystatechange = function()

　　{ ???　　　

　　　　if(xhr.readyState == 4 && xhr.status == 200)

　　　　{
????　　　　var data = xhr.responseText;
????　　　　console.log(data);
???　　　}

　　?}

　　

　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/yulingjia/p/4992787.html

總結(jié)

以上是生活随笔為你收集整理的ajax_异步交互-get/post方式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。