ajax交互模型的過程是怎樣的

這篇文章主要講解了“ajax交互模型的過程是怎樣的”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“ajax交互模型的過程是怎樣的”吧！

ajax的交互模型是：1、用戶發出異步請求；2、利用onReadyStateChange監聽；3、創建請求，用open方法指定是get還是post，是否異步，url地址；4、發送請求；5、接受結果并分析；6、實現刷新。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

Ajax全稱：Asychronous javascript and xml，是一種創建交互式網頁應用網頁開發技術。

ajax的交互模型

1.用戶發出異步請求

2.利用onReadyStateChange監聽

3.創建請求，用open方法指定是 get 還是 post，是否異步，url地址

4.發送請求，send方法

5.接受結果并分析

6.實現刷新

同步異步區別：

　　同步：腳本會停留并等待服務器發送回復然后再繼續

　　異步：腳本允許頁面繼續其進程并處理可能的回復

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

感謝各位的閱讀，以上就是“ajax交互模型的過程是怎樣的”的內容了，經過本文的學習后，相信大家對ajax交互模型的過程是怎樣的這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！