關於原生ajax請求

2022-09-09 22:33:41 字數 1137 閱讀 8557

hmlhttprequest物件

get請求

//

步驟一:建立非同步物件

//步驟二:設定請求的url引數,引數一是請求的型別,引數二是請求的url,可以帶引數,動態的傳遞引數starname到服務端

ajax.open('get','getstar.php?starname='+name);

//步驟三:傳送請求

ajax.send();

//步驟四:註冊事件 onreadystatechange 狀態改變就會呼叫

ajax.onreadystatechange = function

() }

post請求:

//

建立非同步物件

//設定請求的型別及url

//post請求一定要新增請求頭才行不然會報錯

xhr.open('post', '02.post.php');

//傳送請求

xhr.send('name=fox&age=18');

xhr.onreadystatechange = function

()

};

方法

1, var ajax=new xmlhttprequerst()建立乙個xmlhttprequest物件

2,ajax.open(【method】,【url】)  設定物件的請求方法和請求位址

3,ajax.setrequestheader(【headername】,【value】)  設定物件的頭部鍵值對

4,ajax.send() 傳送請求

5,ajax.onreadystatechange=function()  設計**函式

6,ajax.getresponseheader(【headername】)  返回響應對應key值的val

原生ajax封裝請求

封裝ajax function ajax obj else 2.開啟請求 第乙個引數表示請求方式,值為get post,是字串 第二個引數表示請求的位址 第三個引數是布林值,預設是true表示非同步,false表示同步 xhr.open obj.type,obj.url,obj.async 3.判斷...

js原生ajax請求

建立向後台伺服器的乙個請求 確定傳送的方式方法 傳送請求 確定後台載入完畢 獲取到請求返回的資料 ajax 能夠處理那些型別檔案 文型別檔案 如 html txt js css json xml ajax,需要配合js 的基本事件以及dom操作共同使用。ajax負責的是獲取資料,但是將獲取到的資料放...

原生Ajax請求步驟

第一步,建立xmlhttprequest物件 第三步,配置請求資訊,open get get請求下引數加在url後,ashx?methodname getallcomment str1 str1 str2 str2 post請求下需要配置請求頭資訊 第四步,傳送請求,post請求下,要傳遞的引數放這...