前端學了有一段時間了,在項目中我通常使用的都是jQuery封裝好的Ajax函數($.ajax、$.get、$.post),使用非常的簡單方便,但為了更清楚的了解Ajax,需要學習原生xhr對象。
先來明確什么是Ajax,Ajax:“Asynchronous JavaScript and XML”,翻譯過來就是異步JavaScript和XML。
Ajax是一種用于創(chuàng)建快速動態(tài)網頁的技術,通過在后臺與服務器進行少量數據交換,AJAX可以使網頁實現異步更新。意味這可以再不重新加載整個網頁的情況下,對網頁的某部分進行更新。
創(chuàng)建Ajax:
要創(chuàng)建Ajax,主角是XMLHttpRequest(下簡稱XHR)對象。
第一步:創(chuàng)建XHR對象
var xhr = new XMLHttpRequest();
第二步:向服務器發(fā)送請求
方法:open(method,url,async) 和 send(string)
open()方法傳入三參數
method:請求的類型(GET/POST)
url:文件在服務器上的位置
async:布爾值,true表示異步,false表示同步(可選,默認為true)
send()方法將請求發(fā)送到服務器,有一個可選的參數string,僅用于POST類型的請求。