【js】原生js进行post请求

这篇具有很好参考价值的文章主要介绍了【js】原生js进行post请求。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【js】原生js进行post请求

let url = 'https://xxxupload'
      let params = {
        "body": {
          "id": row.id
        },
        "channel": "",
        "token": "",
        "userId": "",
        "version": "1.1.0"
      }
      
  
      
      let xhr = new XMLHttpRequest(); // 创建XHR对象
            xhr.onreadystatechange = function () {
              
                if (xhr.readyState == 4) { // 4表示此次请求结束
                    console.log("后端返回的结果:" + xhr.responseText);
                   resolve();
                   
                    /** 你的逻辑代码 **/
                  //  let result = JSON.parse(xhr.responseText);// 后端返回的结果为字符串,这里将结果转换为json
          
                //  console.info(result)
                    /** 你的逻辑代码End **/
                }
            };
            xhr.open( // 打开链接
                "post",
                url, // 后端地址
                true
            );
      // 解决跨域问题
    xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
      xhr.setRequestHeader("Content-type", "application/json");
            //xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // 设置请求头
            xhr.send( // 设置需要携带到后端的字段,字符串形式
               JSON.stringify(params)
            );
 文章来源地址https://www.toymoban.com/news/detail-530562.html

到了这里,关于【js】原生js进行post请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 原生js发送ajax请求---ajax请求篇(一)

    在原生js中我们使用的是XMLHttpRequest对象来发送ajax请求 主要步骤就是:    1.创建XMLHTTPRequest对象 2.使用open方法设置和服务器的交互信息 3.设置发送的数据,开始和服务器端交互 4.注册事件 5.更新界面 (1) get方式  (2)post方式  二、也可以对原生js发送ajax请求进行封装 以

    2024年02月12日
    浏览(39)
  • 原生js创建get/post请求以及封装方式、axios的基本使用

    原生js创建get请求 原生js创建post请求 原生get和post封装方式1 原生get和post封装方式2 axios的基本使用

    2024年02月21日
    浏览(41)
  • WEB通讯技术。前端实现SSE长连接,nodejs+express搭建简单服务器,进行接口调试,通过curl请求数据

    长连接(Keep-Alive)是一种HTTP/1.1的持久连接技术,它允许客户端和服务器在一次TCP连接上进行多个HTTP请求和响应,而不必为每个请求/响应建立和断开一个新的连接。长连接有助于减少服务器的负载和提高性能。 长连接的HTTP请求方法与普通HTTP请求方法相同,可以使用GET、P

    2024年02月09日
    浏览(49)
  • vue使用axios发送post请求携带json body参数,后端使用@RequestBody进行接收

    最近在做自己项目中,做一个非常简单的新增用户场景,但是使用原生axios发送post请求的时候,还是踩了不少坑的。 唉,说多了都是泪,小小一个新增业务,在自己前后端一起开发的时候,硬是搞了好久。 下面就把问题总结分享下,防止后人再踩坑。 首先先看下我的接口定

    2024年02月02日
    浏览(52)
  • C语言通过IXMLHTTPRequest以get或post方式发送http请求获取服务器文本或xml数据

    做过网页设计的人应该都知道ajax。 Ajax即Asynchronous Javascript And XML(异步的JavaScript和XML)。使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。 在IE浏览器中,Ajax技术就是

    2024年01月25日
    浏览(58)
  • node.js中获取前端传递的get、post请求参数

    req.query:get请求; req.body:post请求; (1) get请求:  (2) post请求:      第一步:下载body-parser模块      第二步:引入body-parser模块      第三步:使用body-parser模块      第四步:使用body-parser模块的参数json方法      第五步:获取参数

    2024年02月13日
    浏览(42)
  • 定位前端POST请求报500的问题(从接口到nginx到服务器)

    背景是很早之前的项目,前端突然反馈某个POST接口保存特定的内容会报500,没有返回内容,记录一下定位问题的过程。 1.结合请求数据来看长度大概为15000+,首先想到是数据库字段长度问题。 查询后发现比较长的字段定义的是text类型, 最大长度为65,535(2的16次方–1)字符,排

    2024年04月08日
    浏览(43)
  • 对读取的Excel文件数据进行拆分并发请求发送到后端服务器

    首先,我们先回顾一下文件的读取操作: 本地读取Excel文件并进行数据压缩传递到服务器-CSDN博客 第一步:根据以上博客,我们将原先的handleFile方法,改为以下内容: 先对data数据进行打印,获取到一千多行的数据信息 那么如何对1000多条信息进行分组处理呢???  因为我

    2024年01月23日
    浏览(46)
  • 使用postman发起post请求,进行文件上传。上传的文件 要 存储到服务器的一个目录下,这个目录要在application.yml 文件里配置。

    首先在配置文件中定义文件保存的路径 在controller层里读取配置文件 使用MultipartFile中的 transferTo() 方法进行文件的上传 } 完成!!

    2024年02月05日
    浏览(60)
  • 云函数发送post请求

    1、新建云函数 2、在云函数目录,右键-外部终端 3、npm install got@10 注意要控制版本 4、云函数上传后,在云开发配置-高级配置,修改超时时间到更长 5、请求内容 const cloud = require(\\\'wx-server-sdk\\\') cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) // 使用当前云环境 const got = require(\\\'got\\\') // 云函数

    2023年04月11日
    浏览(36)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包