有的時候需要測驗下web專案中post、get請求是否正確，但是這個時候電腦上沒有安裝測驗工具，怎么辦呢？直接用瀏覽器控制臺測驗，打開網站,F12控制臺，在控制臺下復制粘貼下面的ajax請求，之后ajax請求，
第一步：控制臺寫方法
function ajax(req){ var xhr=new XMLHttpRequest(); xhr.onreadystatechange=function(){ if(xhr.readyState===4){ req.success&&req.success(xhr.responseText,xhr.status); } } req.method=req.method?req.method.toUpperCase():'GET'; var data=https://www.cnblogs.com/zhao123/p/null; var url=req.url; if(req.data){ var arg=''; for(var n in req.data){ arg+=n+'='+encodeURIComponent(req.data[n])+'&' } arg=arg.slice(0,-1); if(req.method==='GET'){ url=url+'?'+arg; }else{ data=arg; } } if(req.headers){ for(var h in req.headers){ var v=req.headers[h]; xhr.setRequestHeader(h,v); } } xhr.open(req.method,url); xhr.send(data); }
第二步：控制臺呼叫
ajax({url:"",method:"",data:{},headers:{},success:function(res){console.log(res)}})
url：請求的URL，method:post/get，data:引數，success:回傳的資料列印出來
解釋
XMLHttpRequest 是 AJAX 的基礎，XMLHttpRequest 用于在后臺與服務器交換資料，這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新，
當請求被發送到服務器時，我們需要執行一些基于回應的任務，每當 readyState 改變時，就會觸發 onreadystatechange 事件，
簡單的ajax例子：
var xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { console.log(xmlhttp.responseText); } } xmlhttp.open("GET","url",true); xmlhttp.send();
參考
想了解更多ajax的原理，可以查看 【runoob中的介紹】
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/156202.html
標籤：JavaScript
上一篇：VUE CLI環境搭建檔案