用JS寫Ajax的請求函式(1)

2021-07-12 03:52:01 字數 993 閱讀 5452

ajax:一種請求資料的方式,不需要重新整理整個頁面;

ajax的技術核心是 xmlhttprequest 物件;

ajax 請求過程:建立 xmlhttprequest 物件、連線伺服器、傳送請求、接收響應資料;

function

ajax

(url,fnsucc,fnfaild)

else

alert(oajax);

//2.連線伺服器

//open(方法,檔名,非同步專輸)

oajax.open('get',url,true);

//3.傳送請求

oajax.send();

//4.接收返回

oajax.onreadystatechange=function

()else}}

};}

1、建立

1.1、ie7及其以上版本中支援原生的 xhr 物件

2、連線和傳送

2.2、get 請求方式是通過url引數將資料提交到伺服器的,post則是通過將資料作為 send 的引數提交到伺服器;

3、接收

3.1、接收到響應後,響應的資料會自動填充xhr物件

status:響應的http狀態碼;

3.2、xhr物件的readystate屬性表示請求/響應過程的當前活動階段,這個屬性的值如下

0-未初始化,尚未呼叫open()方法;

1-啟動,呼叫了open()方法,未呼叫send()方法;

2-傳送,已經呼叫了send()方法,未接收到響應;

3-接收,已經接收到部分響應資料;

4-完成,已經接收到全部響應資料;

適合初學ajax的同學看的簡單ajax請求函式,以後有機會還會補充更為完備的ajax請求函式。

原生JS寫Ajax的請求函式

ajax 一種請求資料的方式,不需要重新整理整個頁面 ajax的技術核心是 xmlhttprequest 物件 ajax 請求過程 建立 xmlhttprequest 物件 連線伺服器 傳送請求 接收響應資料 下面簡單封裝乙個函式,之後稍作解釋 ajax 請求引數 datatype json suc...

原生JS寫Ajax的請求函式

已上傳至github 如果對你有幫助的話,就去給個星吧 麼麼噠 筆芯 ajax 一種請求資料的方式,不需要重新整理整個頁面 ajax的技術核心是 xmlhttprequest 物件 ajax 請求過程 建立 xmlhttprequest 物件 連線伺服器 傳送請求 接收響應資料 除錯過程中需要搭建a...

用原生的JS寫AJAX

第乙個值是請求方式,第二個值是url位址,第三個值是否非同步 xhr.onreadystatechange function xhr.send 網頁要用伺服器執行否則會有同源禁止策略。json.parse 將json格式資料轉化為js格式資料 這是json檔案 這是用ajax拿到的資料 如果是向頁面...