ajax的交互模型是:1、用戶發(fā)出異步請求;2、利用onReadyStateChange監(jiān)聽;3、創(chuàng)建請求,用open方法指定是get還是post,是否異步,url地址;4、發(fā)送請求;5、接受結果并分析;6、實現(xiàn)刷新。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
Ajax全稱:Asychronous javascript and xml,是一種創(chuàng)建交互式網(wǎng)頁應用網(wǎng)頁開發(fā)技術。
ajax的交互模型
1.用戶發(fā)出異步請求
2.利用onReadyStateChange監(jiān)聽
3.創(chuàng)建請求,用open方法指定是 get 還是 post,是否異步,url地址
4.發(fā)送請求,send方法
5.接受結果并分析
6.實現(xiàn)刷新
同步異步區(qū)別:
同步:腳本會停留并等待服務器發(fā)送回復然后再繼續(xù)
異步:腳本允許頁面繼續(xù)其進程并處理可能的回復
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視頻教程】