首页 > 其他分享 >使用xhr发起POST请求

使用xhr发起POST请求

时间:2024-06-03 17:11:44浏览次数:14  
标签:请求 open send Content xhr POST Type

使用xhr发起POST请求

  • 创建 xhr 对象

  • 调用 xhr.open() 函数

  • 设置 Content-Type 属性(固定写法)

  • 调用 xhr.send() 函数,同时指定要发送的数据

  • 监听 xhr.onreadystatechange 事件

复制代码
// 1. 创建 xhr 对象
var xhr = new XMLHttpRequest()
// 2. 调用 open 函数
xhr.open('POST', 'http://www.liulongbin.top:3006/api/addbook')
// 3. 设置 Content-Type 属性(固定写法)
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
// 4. 调用 send 函数
xhr.send('bookname=水浒传&author=施耐庵&publisher=上海图书出版社')
// 5. 监听事件
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText)
  }
}
复制代码


标签:请求,open,send,Content,xhr,POST,Type
From: https://www.cnblogs.com/ios9/p/18229256

相关文章

  • 打印完整的接口请求信息
    遇到的问题:  1、做接口测试时遇到问题,经常碰到开发要求发出完整的请求入参,脚本写的都是拼接前的数据  2、实际调用接口的数据都是加密后的数据,可能是因为加密出现的问题,需要具体的入参来排查"""打印完整的请求信息"""importrequestsdeftest_r(mothod,url,params......
  • 【信息化人员必备知识&面试宝典】一次完整的HTTP请求是怎样的?
    【信息化人员必备知识&面试宝典】一次完整的HTTP请求是怎样的?HTTP请求基础什么是HTTP?请求与响应模型一次完整的HTTP请求流程步骤一:建立TCP连接步骤二:发送HTTP请求步骤三:服务器处理请求步骤四:发送HTTP响应步骤五:关闭连接或持续连接实战代码示例案例一:使用Python发起GET......
  • C# 模拟http请求出现 由于系统缓冲区空间不足或队列已满,不能执行套接字上的操作[windo
    系统里面用到C#模拟Http请求,上线到服务器后,发现日志中大量出现“由于系统缓冲区空间不足或队列已满,不能执行套接字上的操作”或“通常每个套接字地址(协议/网络地址/端口)只允许使用一次”运行netstat-ano发现有大量的Tcp链接,怀疑可能是服务器各种请求太多了导致的服务器是w......
  • 【安全性测试】突破sign签名校验实现请求重放
     对于安全性较高的网站,通常会用到sign签名来实现多重验证,常见的有:sign对加密密钥验证(后面会介绍)通过sign对请求重放验证(该文章重点介绍sign请求重放验证)在渗透测试中,重放数据包是非常重要的测试条件,大多数功能都需要通过重放来测试,像爆破、sql注入、篡改参数实现越权等等;而开发......
  • posterlayout:A new benchmark and approach for content-aware visual-textual presen
    1.introductionPKUPosterLayout包括9974对海报布局和905张图像,DSF设计序列生成算法,一种基于CNN-LSTM的生成对抗网络(DS-GAN),受到图像的条件制约,学习设计序列的分布,从而生成具有内容感知的视觉-文本展示布局。2.RelatedworkLayoutGAN,LayoutGAN++,CGL-GAN。3.ANewBenchmark:......
  • 修改postgresql管理员密码
    1.切换到postgres用户:sudo-i-upostgres2.进入PostgreSQLShell:psql3.设置postgres用户的密码:ALTERUSERpostgresPASSWORD'new_password';4.退出PostgreSQLShell和postgres用户的shell:\q5.使用新密码登录:psql-Upostgres-W输入新设置的密码以登录。如......
  • PostgreSQL的内存参数
    PostgreSQL的内存参数基础信息OS版本:RedHatEnterpriseLinuxServerrelease7.9(Maipo)DB版本:16.2pg软件目录:/home/pg16/softpg数据目录:/home/pg16/data端口:5777PostgreSQL提供了多种内存参数,可以通过调整这些参数来优化数据库的性能。以下是一些主要的内存参......
  • PostgreSQL启动报错“could not map anonymous shared memory: Cannot allocate memor
    PostgreSQL启动报错“couldnotmapanonymoussharedmemory:Cannotallocatememory”基础信息OS版本:RedHatEnterpriseLinuxServerrelease7.9(Maipo)DB版本:16.2pg软件目录:/home/pg16/softpg数据目录:/home/pg16/data端口:5777报错[pg16@test~]$pg_ctlst......
  • openeuler源码安装Postgresql 16
    准备条件OpenEuler(虚拟机):版本:22.03-LTS-SP3下载地址:https://www.openeuler.org/zh/download/PostgreSQL:版本:16.3源码包下载地址:https://www.postgresql.org/ftp/source/操作系统安装安装过程与centos基本一致,此处就省略了,安装的时候可以把需要的网络工具和开发工具包勾......
  • 06.爬虫---urllib与requests请求实战(POST)
    06.urllib与requests请求实战POST1.Urllib模块2.Requests模块3.实战(Requests)POST请求Python中的POST请求是HTTP协议中的一种请求方法,用于向服务器提交数据。与GET请求不同,POST请求将数据封装在请求体中,而不是在URL中传递。通常情况下,POST请求用于向服务器提交表单......