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的值...