我们在日常的开发的过程中，经常需要前端测试发送请求测试一些数据。但是由于一些session，cookie的存在，我们无法在postman上创建一些会话。那么这样，我们就可以在浏览器上直接发送Ajax请求
$.ajax({
type: "POST",
url: "https://zoomdev.us/webinar/92366433466/edit",
data:{
"topic": "My WWW",
"start_date": "09/09/2022",
"start_time": "2:00",
"start_time_2": "PM",
"timezone": "Asia/Shanghai",
"duration": "60",
"option_jbh":false,
"option_start_type": "video",
"password": "609615"
},
dataType: 'application/json;charset=UTF-8',
success: function (data) {
console.log("success")
console.log(data.responseText)
},
error: function (message) {
console.log("error")
console.log(message.responseText)
}
});
XMLHttpRequest 是 AJAX 的基础。我们直接利用XMLHttpRequest构建请求。
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=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:"https://i.cnblogs.com/api/user",method:"GET",data:{},headers:{},success:function(res){console.log(res)}})
Original: https://www.cnblogs.com/hardyzhou/p/16644604.html
Author: hardyzhou
Title: 【前端】在浏览器控制台，直接发Ajax请求
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/585128/
转载文章受原作者版权保护。转载请注明原作者出处！