【前端】在浏览器控制台，直接发Ajax请求

我们在日常的开发的过程中，经常需要前端测试发送请求测试一些数据。但是由于一些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)}})