js 原生ajax 封裝函式

2021-08-01 08:15:33 字數 534 閱讀 9565

1、開啟伺服器wampserver;

2、將檔案放置在wampserver的www資料夾下;

3、開啟時網頁位址列為localhost+www下的位址。eg:http://localhost/myworld/5.19ajax/index.html?__hbt=1495158145298

4、呼叫方式:

函式為:

/*

* ajax 4條線

* 第3條線由後台完成,直接呼叫

*/function ajax(method,url,data,fn)else;

//2if (method=='get'&&data) ;

xhr.open(method,url,true);

if(method=='get')else;

//4xhr.onreadystatechange=function()else;

}else;

} };

};

使用原生js封裝Ajax函式

對與原生ajax的封裝,依然需要遵循請求的四個步驟 1 建立xmlhttprequest物件 2 監聽onreadstatechange函式 3 使用open函式新增引數 4 使用send函式傳送請求 首先,封裝建立xhr的函式 1 2 createxhr 3 建立xhr相容物件4 5functio...

原生JS封裝AJAX

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

原生ajax解析 封裝原生ajax函式

前沿 對於此篇隨筆,完是簡要寫了幾個重要的地方,具體實現細節完在提供的原始碼做了筆記 一 ajax基本要點介紹 更好的介紹ajax 1.ajax物件中new xmlhttprequest 屬性和方法列表 2.常用事件介紹 事件觸發時機 onreadystatechange 當readystate的值...