今天我們來說說利用原生js封裝ajax.
jquery框架的ajax方法確實很好用,但有時候我們寫的頁面需要引入多個js外掛程式,不一定哪個外掛程式就會和jquery發生衝突,導致jquery用不了了.或者頁面比較簡單,不需要加重瀏覽器的負擔,這時我們自己封裝乙個ajax就是乙個很好的辦法.
//將資料轉換成 a=1&b=2格式;
function json2url(json)
return arr.join('&');
}function ajax(json)else
//考慮預設值:
if(!json.url)
json.type = json.type || 'get';
json.time = json.time || 5000;
json.data = json.data || {};
實際的運用:
希望對你有幫助,我們明天見!
堅持!堅持!堅持!堅持!堅持!堅持!
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...
封裝原生js的Ajax方法
封裝好的函式 建立乙個ajax物件 function createxhr else 資料轉換函式 function transform data 用join方法把陣列拆開以 符號分割 return attr.join function ajax data 如果是一部載入的話那麼必須驗證readyst...