浏览器POST方式调用接口

这篇具有很好参考价值的文章主要介绍了浏览器POST方式调用接口。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

现在大部分都是前后端分离项目,此次开发在后端用到了 session 存储用户信息,恰巧接口调用方式为 POST 方式调用,使用浏览器登录成功之后使用 postman 调用是行不通的,所以我们还是得使用浏览器调用,但是在浏览器地址栏输入接口地址默认是 get 请求方式,最终发现了解决方式,在此记录一下

我们借助浏览器控制台实现我们的需求

代码如下:其中method为请求方法名,headers为请求头,body为请求体

fetch(new Request('https://blog.csdn.net/weixin_43650254',{
    method:'POST',
    headers: {'Content-Type': 'application/json'},
    body:'{\"param\":\"value\"}'
})).then(response => response.json())
.then(data => console.log(data));

使用浏览器开发者功能(F12)打开控制台输入此语句执行即可传送请求并返回response。

浏览器post调用接口,随笔,前端,javascript,json文章来源地址https://www.toymoban.com/news/detail-562870.html

到了这里,关于浏览器POST方式调用接口的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • get/post请求使用工具(apifox/postman/浏览器)能请求通但是java代码不行的问题解决

    一个接口,使用 apifox 、 postman 工具都可以测通; 但是java代码请求不通; 一般来说对于某个接口,只要接口调试工具或者浏览器能请求通,那么接口提供方极大概率没有问题,主要还是请求代码的问题。而请求代码的问题大多数又是请求头 Header 的问题,这类问题的主要解决

    2024年02月02日
    浏览(46)
  • C#使用post方式调用接口获取Token及调用网页地址

     IP、Port表示地址及端口,可配置或写死 public string PostDate(string IP,string Port)         {             //设置参数             string content= \\\"{\\\"userName\\\":\\\"\\\" 0000 \\\"\\\"\\\" +                  \\\",\\\"password\\\":\\\"123456\\\"}\\\";             //填充路径             string strUrl = string.Format(\\\"http://{0}:

    2023年04月08日
    浏览(37)
  • JAVA调用第三方接口的GET/POST/PUT请求方式

    GET请求 POST请求 POST请求(JSON传参) PUT请求(传TOKEN)

    2024年02月03日
    浏览(62)
  • vue2项目打开浏览器请求后端时出现POST http://localhost/user/login net::ERR_CONNECTION_REFUSED

    vue2项目打开浏览器请求后端时出现POST http://localhost/user/login net::ERR_CONNECTION_REFUSED      解决方法:找到.env.development补全VUE_APP_BASE_API = \\\'http://localhost\\\'后面的端口号 修改前 修改后  重新运行vue项目,即可正常运行   文章只为记录自己遇到的错误。  

    2024年02月16日
    浏览(43)
  • postman,浏览器测试接口正常,HttpClient 调用就报错

    一次奔溃的经历 事情是这样的:第三方提供了一个接口需要对接,我就对接了,测试环节的时候怎么都调不通,各种排查,各方人员都动员了起来,就是没有找到问题,下面把问题报错的原因呈上: 就是报错 508 ,返回一个空的 Response body. 刚开始出现这个问题,我怀疑是不

    2024年02月01日
    浏览(40)
  • C#调用外部接口(POST、GET)

      public  string  HttpPost( ) { //把用户传过来的数据转成“UTF-8”的字节流 Encoding encoding = Encoding.UTF8; //创建一个HTTP请求 HttpWebRequest request = (HttpWebRequest)WebRequest.Create(\\\"http://接口IP地址:端口号/接口路径\\\");     //比如:http://192.168.123.12:8080/api/post   //调用POST方法 request.Method = \\\"PO

    2024年02月13日
    浏览(54)
  • Selenium调用使用360浏览器,QQ浏览器,遨游浏览器,猎豹浏览器,Chromium

    国产的360安全浏览器,360急速浏览器,QQ浏览器,遨游浏览器甚至新版还未上市的Edge浏览器都是基于Chrome浏览器的开源版本Chronium开发来的。所以360浏览器可以理解为一个定制的Chrome浏览器,最新360安全浏览器是基于Chromium 63版本的,落后正式的Chrome版本。 我们下载对应的2

    2024年02月06日
    浏览(60)
  • java调用http接口(get请求和post请求)

    1.http接口的格式如下: 图片选择失败,我只能把数据贴出来,如果有不懂的可以问我哈。 http://localhost:8881/department/getDepartmentList接口数据如下:(请求方式是GET) http://localhost:8881/department/getDataById?id=3接口数据如下:(请求方式是POST) 2.需要引入的包有: 3.实现方法如下:

    2024年02月13日
    浏览(53)
  • HTTP POST接口带参数的HttpClient请求方法和调用

    接口自动化测试,今天遇到POST接口带参数,参数在url上,发现原来的工具类中没有该方法,重新调试加上。  doPost方法如下: 参考: [Java 接口自动化框架]httpclient4.5.3(CloseableHttpClient) https的工具类HttpsClientUtils

    2024年02月06日
    浏览(47)
  • selenium-webdriver调用谷歌浏览器和火狐浏览器

    nodejs selenium-webdriver 操作文档 https://www.npmjs.com/package/selenium-webdriver 1.调用谷歌浏览器 2.调用火狐浏览器 下面设置了一些选项 ​ 需要设置环境变量,在CMD中firefox可以打开浏览器 否则报错 Expected browser binary location, but unable to find binary in default location, no \\\'moz:firefoxOpti  

    2024年02月02日
    浏览(72)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包