前端學了有一段時間了,在項目中我通常使用的都是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類型的請求。

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網站設計培訓,網站建設培訓學習是年輕人改變自己的最好方式