首页 > 其他分享 >【前端】在浏览器控制台,直接发Ajax请求

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

时间:2022-08-31 21:46:47浏览次数:52  
标签:浏览器 req xhr Ajax arg var 控制台 data method

我们在日常的开发的过程中,经常需要前端测试发送请求测试一些数据。但是由于一些session,cookie的存在,我们无法在postman上创建一些会话。那么这样,我们就可以在浏览器上直接发送Ajax请求

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)}})

image

标签:浏览器,req,xhr,Ajax,arg,var,控制台,data,method
From: https://www.cnblogs.com/hardyzhou/p/16644604.html

相关文章

  • Vue路由动态改变浏览器标题名称和图标样式
    路由constrouter=newRouter({mode:'hash',base:process.env.BASE_URL,router:[{path:'/',redirect:'home'......
  • 今天在写MVC+Ajax上传图片的时候,感觉想不起来了,再复习一下
    首先我们在写前台布局的时候要有一个上传文件的控件,同时将这个控件的name属性命名一下,并且将ajax的控件拖拽进来,以及ajax的各项属性写好就像这样写完前台之后,记得去Shar......
  • 在 node 中使用 jquery ajax
    对于前端同学来说,ajax请求应该不会陌生。jquery真的ajax请求做了封装,可以通过下面的方式发送一个请求并获取相应结果:$.ajax({url:"https://echo.apipost.cn/get.......
  • js关闭微信浏览器页面
    在关闭微信某个H5网页时,window.close()有时候并不好使 【解决方案】://这个可以关闭安卓系统的手机document.addEventListener('WeixinJSBridgeReady',function(){W......
  • jQuery - AJAX get() 和 post() 方法
    jQuery- AJAXget()和post()方法HTTP请求:GETvs.POST两种在客户端和服务器端进行请求-响应的常用方法是:GET和POST。GET -从指定的资源请求数据POST -向......
  • Google Chrome谷歌浏览器离完整离线安装包下载地址整理总汇
    每次重装系统,都要为安装Chrome而烦恼。虽然现在可以直接从谷歌浏览器官网下载在线安装包进行安装,但是在线安装包安装的版本不可控,大概率是x86版本,而且在断网状态下也......
  • Webdriver浏览器属性
    请参照https://www.cnblogs.com/wrwangrong/p/16428981.htmlfromselenium.webdriverimportChromefromwebdriver_helperimportget_webdriverdriver=get_webdriv......
  • Java控制台打印三角形
    for(inti=1;i<=5;i++){//最上面先是五个往下一次4.3.2.1for(intj=5;j>=i;j--){System.out.print("");}for(intj=1;......
  • Xcode断点调试的值均为nil,控制台打印却有值
    <!--run--><style>.box{box-shadow:5px5px10px#000000;border-radius:10px;}</style><divclass=“box">SDK调试Xcode断点发现断点下的局部变量的值均为......
  • Cocos 获取浏览器网址上的参数
    版本:2.4.4参考:菜鸟教程-JS获取URL参数 使用网页打开游戏时,获取网址链接上拼接的数据。例如本地游戏地址http://localhost:7457/?data=123,调用getBrowerValue("data"......