HTTP 请求参数之三种格式

Query String Parameters 、Form Data 、 Request Payload 三种格式的区别。主要是因为 Content-Type(用于表明发送数据流的类型) 与请求方式 method 不同,导致传递的数据格式不同。

1. Query String Parameters 格式: ?key=value&key=value
  • 参数会以 url string 的形式进行传递,即?后的字符串则为其请求参数
  • 常用在 GET 请求方式时使用
2. Form Data 格式:key=value&key=value 键值对形式
  • Content-type 设置为 application/x-www-form-urlencoded;charset=utf-8
  • 参数会以 Form Data 的形式传递给接口,不会显示在接口 url 上。
3. Request Payload 格式:{key: value, key: value}
  • Content-type 设置为 application/json;charset=utf-8
  • 参数会以 Request Payload 的形式(数据为 json 格式)传递给接口,不会显示在接口 url 上。
常见的Content-Type
  • 页面资源类型: text/html, text/plain, text/css, text/javascript, image/jpeg, image/png, image/gif,
  • ajax的请求,表单提交或上传文件的常用的资源类型: application/x-www-form-urlencoded(默认), multipart/form-data, application/json, application/xml
设置Content-Type
  1. 原生XMLHttpRequest:
java 复制代码
  xhr.setRequestHeader("Content-type","application/json;charset=utf-8") 

2.jq ajax:

java 复制代码
$.ajax({
  url: '/api/'
  methods: 'post'
  contentType: "text/xml"
}) 

3.axios:

java 复制代码
axios.post(url, qs.stringify(params), {
  headers: {
    'Content-Type': 'application/json;charset=UTF-8'
  },
}).then(res => res.data)

或者 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
常用转化请求参数的方式
  1. JSON.stringify()

  2. axios中 qs.stringify()将对象或者数组序列化成URL的格式,对象序列化

  • 对象序列化

    java 复制代码
    let obj = {
      methods: 'query_stu'
      id: 1,
      name: 'chenchen'
    }
    qs.stringify(obj)
    //   methods=query_stu&id=1&name=chenchen    这就是我们的传到服务器的url
  • 数组序列化

java 复制代码
let arr = [2,3]
qs.stringify({a:arr})
// 'a[0]=2&a[1]=3' url中会带有数组的下标a[0]、a[1],这并不是我们一般的处理办法

// 常用并推荐使用
let arr = [2,3]
qs.stringify({a:arr},{indices:false});
// 'a=2&a=3' 注意这个格式,一般使我们常用的格式哦~

其中:indices:false,去除默认处理的方式
相关推荐
zyx没烦恼12 分钟前
TCP相关实验
服务器·网络·tcp/ip
DemonAvenger17 分钟前
TCP连接池设计与实现:提升Go应用网络性能
网络协议·架构·go
游戏开发爱好者86 小时前
iOS重构期调试实战:架构升级中的性能与数据保障策略
websocket·网络协议·tcp/ip·http·网络安全·https·udp
(:满天星:)10 小时前
第31篇:块设备与字符设备管理深度解析(基于OpenEuler 24.03)
linux·运维·服务器·网络·centos
野蛮人6号11 小时前
虚拟机网络编译器还原默认设置后VMnet8和VMnet1消失了
网络·vmware·虚拟机网络编译器·vmnet8消失
scuter_yu12 小时前
主流零信任安全产品深度介绍
运维·网络·安全
江苏思维驱动智能研究院有限公司12 小时前
Sophos 网络安全:全球领先的自适应安全解决方案提供商
网络·安全·web安全
面朝大海,春不暖,花不开12 小时前
Java网络编程:TCP/UDP套接字通信详解
java·网络·tcp/ip
ChicagoTypewriter12 小时前
计算机网络中的常用表项梳理
网络·计算机网络·智能路由器
DemonAvenger13 小时前
高性能 TCP 服务器的 Go 语言实现技巧:从原理到实践
网络协议·架构·go