AJAX的get和post請求原生編寫方法
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState===4){
if(xhr.status===200){
// 響應完成並且成功
}else{
// 響應完成但有問題
}
}
};
xhr.open('GET','x.php?k1=v1&k2=v2&k3=v3',true);
xhr.send(null);
/***
xhr.open()方法引數:
1.要傳送請求的型別
2.URL相對於執行程式碼的當前頁面(絕對路徑也可以)
3.是否非同步傳送請求的布林值
xhr.send()方法接收的一個參數列示'作為請求主體傳送的資料’,
如果不需要通過請求主體傳送資料,則必須傳入null,這個引數是必須的
true:是否非同步
status:響應的HTTP狀態
readyState:xhr物件的readyState屬性表示請求/響應過程的當前活動階段。
0表示未初始化;1表示啟動;2表示傳送;3表示接收;4表示完成
***/
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState===4){
if(xhr.status===200){
// 響應完成並且成功
}else{
// 響應完成但有問題
}
}
};
xhr.open('POST','x.php',true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');//修改請求訊息的頭部
xhr.send('k1=v1&k2=v2&k3=v3');
相關文章
- 原生js實現Ajax請求,包含get和postJS
- ajax 請求的時候 get 和 post 方式的區別?
- ajax的post或者get伺服器請求伺服器
- jQuery – AJAX get() 和 post() 方法jQuery
- http請求中get和post方法的區別HTTP
- 優雅地使用GET和POST請求方法
- GET和POST兩種基本請求方法的區別
- java傳送GET和post請求Java
- http請求之get和post的區別HTTP
- get和post請求的區別(面試)面試
- vue axios資料請求get、post方法的使用VueiOS
- get請求和post請求的區別
- Python爬蟲(5-10)-編解碼、ajax的get請求、ajax的post請求、URLError/HTTPError、微博的cookie登入、Handler處理器Python爬蟲ErrorHTTPCookie
- get與post的請求區別
- uni-app的POST請求和GET請求APP
- 原生ajax請求&JSONPJSON
- python3 實現 get 和 post 請求Python
- Servlet中request請求Get和Post方法以及亂碼解決Servlet
- POST與GET請求區別
- vue 發起get請求和post請求Vue
- GET和POST方式請求API介面資料返回API
- cURL實現傳送Get和Post請求(PHP)PHP
- 原生js—ajax的封裝外掛.js—(對get和post做了相容)JS封裝
- SpringMVC中如何傳送GET請求、POST請求、PUT請求、DELETE請求。SpringMVCdelete
- Java Http Get Post 請求工具類JavaHTTP
- go對get、post請求封裝Go封裝
- get,post URL加字尾請求
- axios 發get,post 請求小結iOS
- 淺談HTTP中GET和POST請求方式的區別HTTP
- ajax中POST請求與引數(請求體)設定
- 前後端資料互動(八)——請求方法 GET 和 POST 區別後端
- 用原生js封裝一個ajax請求方法JS封裝
- file_get_contents傳送post請求
- 介面請求(get、post、head等)詳解
- 介面請求 (get、post、head 等) 詳解
- httprequest- post- get -傳送請求HTTP
- Linux curl 命令模擬 POST/GET 請求Linux
- node.js的express模組實現GET和POST請求Node.jsExpress
- vue2.0 axios post請求傳參問題(ajax請求)VueiOS