這篇文章主要講解了“ajax交互模型的過(guò)程是怎樣的”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“ajax交互模型的過(guò)程是怎樣的”吧！

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的雞西網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

ajax的交互模型是：1、用戶發(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全稱：Asychronous javascript and xml，是一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。

ajax的交互模型

1.用戶發(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()

感謝各位的閱讀，以上就是“ajax交互模型的過(guò)程是怎樣的”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)ajax交互模型的過(guò)程是怎樣的這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！