前端學(xué)了有一段時間了,在項目中我通常使用的都是jQuery封裝好的Ajax函數(shù)($.ajax、$.get、$.post),使用非常的簡單方便,但為了更清楚的了解Ajax,需要學(xué)習(xí)原生xhr對象。

 

先來明確什么是Ajax,Ajax:“Asynchronous JavaScript and XML”,翻譯過來就是異步JavaScript和XML。

Ajax是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù),通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換,AJAX可以使網(wǎng)頁實現(xiàn)異步更新。意味這可以再不重新加載整個網(wǎng)頁的情況下,對網(wǎng)頁的某部分進行更新。

 

創(chuàng)建Ajax:

 

要創(chuàng)建Ajax,主角是XMLHttpRequest(下簡稱XHR)對象。

第一步:創(chuàng)建XHR對象

var xhr = new XMLHttpRequest();

 

 

第二步:向服務(wù)器發(fā)送請求

方法:open(method,url,async) 和 send(string)

open()方法傳入三參數(shù)

  • method:請求的類型(GET/POST)

  • url:文件在服務(wù)器上的位置

  • async:布爾值,true表示異步,false表示同步(可選,默認(rèn)為true)

send()方法將請求發(fā)送到服務(wù)器,有一個可選的參數(shù)string,僅用于POST類型的請求。

網(wǎng)友評論