ajax的交互模型是：1、用戶(hù)發(fā)出異步請(qǐng)求；2、利用onReadyStateChange監(jiān)聽(tīng)；3、創(chuàng)建請(qǐng)求，用open方法指定是get還是post，是否異步，url地址；4、發(fā)送請(qǐng)求；5、接受結(jié)果并分析；6、實(shí)現(xiàn)刷新。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

Ajax全稱(chēng)：Asychronous javascript and xml，是一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。

ajax的交互模型

1.用戶(hù)發(fā)出異步請(qǐng)求

2.利用onReadyStateChange監(jiān)聽(tīng)

3.創(chuàng)建請(qǐng)求，用open方法指定是 get 還是 post，是否異步，url地址

4.發(fā)送請(qǐng)求，send方法

5.接受結(jié)果并分析

6.實(shí)現(xiàn)刷新

同步異步區(qū)別：

　　同步：腳本會(huì)停留并等待服務(wù)器發(fā)送回復(fù)然后再繼續(xù)

　　異步：腳本允許頁(yè)面繼續(xù)其進(jìn)程并處理可能的回復(fù)

var xhr = new XMLHttpRequest(); xhr.open('請(qǐng)求方式GET或者POST或者其他', 請(qǐng)求地址url, 是否開(kāi)啟異步async); xhr.onreadystatechange = function() {     // readyState == 4說(shuō)明請(qǐng)求已完成     if (xhr.readyState == 4 && xhr.status == 200) {         console.log(xhr.responseText);     } } if (method == 'POST') {     //給指定的HTTP請(qǐng)求頭賦值     xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); } xhr.send()

【相關(guān)教程推薦：AJAX視頻教程】