首頁  >  文章  >  web前端  >  ajax的互動模型是什麼

ajax的互動模型是什麼

青灯夜游
青灯夜游原創
2022-01-17 18:05:512616瀏覽

ajax的互動模型是:1、使用者發出非同步請求;2、利用onReadyStateChange監聽;3、建立請求,用open方法指定是get還是post,是否異步,url位址;4、傳送請求; 5、接受結果並分析;6、實現刷新。

ajax的互動模型是什麼

本教學操作環境: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的互動模型是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn