封裝原生js的Ajax方法

封裝好的函式

//

建立乙個ajax物件
function
createxhr()
else}//
資料轉換函式
function
transform(data)
//用join方法把陣列拆開以&符號分割
return attr.join('&');
}function
ajax(data)
//如果是一部載入的話那麼必須驗證readystate的狀態4為完成
if(data.ync == true
) }
}//傳入位址，獲取方法，同步非同步
xhr.open(data.mode,data.url,data.ync);
//如果為post請求方式那麼傳入的引數必須新增到
if(data.mode == 'post')
else
//如果是同步方法的話那麼就直接判斷狀態是否是200
if(data.ync == false
) 
function
callbank()}}

呼叫方法

ajax(,

success:
function
(data)
});

原生JS封裝AJAX

今天我們來說說利用原生js封裝ajax.jquery框架的ajax方法確實很好用,但有時候我們寫的頁面需要引入多個js外掛程式,不一定哪個外掛程式就會和jquery發生衝突,導致jquery用不了了.或者頁面比較簡單,不需要加重瀏覽器的負擔,這時我們自己封裝乙個ajax就是乙個很好的辦法.將資料轉換...

js 原生ajax 封裝函式

1 開啟伺服器wampserver 2 將檔案放置在wampserver的www資料夾下 3 開啟時網頁位址列為localhost www下的位址。eg http localhost myworld 5.19ajax index.html?hbt 1495158145298 4 呼叫方式 函式為 a...

原生js實現Ajax的封裝

1.封裝函式function ajax options options.type options.type get touppercase options.datatype options.datatype json options.async options.async true var para...