当前位置: 首页 > news >正文

uniapp开发小程序使用x-www-form-urlencoded; charset=UTF-8 编码格式请求案例

使用x-www-form-urlencoded,header要放在前面,第一行位置

uni.request({                    header: { 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'},url: '',method:'POST', //请求方式POST\GETdata:that.loginData,success: function(res) {console.log(res)}
}) 

200成功 

详述 application/json 和 application/x-www-form-urlencoded 区别:
 
uniapp请求中使用

一、application/x-www-form-urlencoded
        application/x-www-form-urlencoded:是最常见的 POST 提交数据的方式,浏览器的原生表单如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据,它是未指定属性时的默认值。 数据发送过程中会对数据进行序列化处理,以键值对形式?key1=value1&key2=value2的方式发送到服务器。 数据被编码成以 '&' 分隔的键-值对, 同时以 '=' 分隔键和值。非字母或数字的字符会被 percent-encoding。**在axios中当请求参数为qs.stringify(data)时,会以此方式提交数据。后台如果使用对象接收的话,可以自动封装成对象**

优势: 所有浏览器都兼容。
问题:在数据结构及其复杂时,服务端数据解析变得很难

二、application/json

        随着 json 规范的越来越流行,并且对浏览器支持程度原来越好,许多开发人员在请求头中加入 content-type: application/json ,这样做可以方便的提交复杂的结构化数据,这样特别适合restful接口。它告诉服务器请求的主体内容是 json 格式的字符串,服务器端会对json字符串进行解析,json 格式要支持比键值对复杂得多的结构化数据。这种方式的好处就是前端人员不需要关心数据结构的复杂度,只需要标准的json格式就能提交成功。当在 axios 中请求参数为普通对象时,POST 请求默认发送的是 application/json 格式的数据。 application/json 需要封装成对象的话,可以加上 @RequestBody 进行注解。

优势:是前端不需要关心数据结构的复杂度,后端解析方便。
问题:少数浏览器不兼容。

举例:向服务器发送数据:  {a:“a”, b:“b”}

如果头的格式是 application/x-www-form-urlencoded, 则 ajax.send(“a=‘a’&b=‘b’”);

如果头的格式是application/json, 则 ajax.send(JSON.stringify(data));

补充:Content-Type 值除了上述两种还有,multipart/form-data和text/plain方式

multipart/form-data: 主要用于文件上传,将文件转成二进制数据进行传输,不涉及转码。
text/plain: 是使用纯文本进行传输,平时用的很少。  

http://www.lryc.cn/news/312564.html

相关文章:

  • 酷开科技服务升级,酷开系统给消费者更好的使用体验!
  • 【leetcode热题】单词拆分
  • 【论文阅读】MC:用于语义图像分割的深度卷积网络弱监督和半监督学习
  • 读书·基于RISC-V和FPGA的嵌入式系统设计·第3章
  • 本地项目推送到腾讯云轻量应用服务器教程(并实现本地推送远程自动更新)
  • MacOS安装反编译工具JD-GUI 版本需要1.8+
  • 计算机大数据毕业设计-基于Flask的旅游推荐可视化系统的设计与实现
  • java实现pdf转word
  • 【操作系统概念】 第4章:线程
  • STM32/GD32——I2C通信协议
  • Apache Paimon 使用之Creating Catalogs
  • IntelliJ IDEA分支svn
  • .NET Core日志内容详解,详解不同日志级别的区别和有关日志记录的实用工具和第三方库详解与示例
  • Vue开发实例(七)Axios的安装与使用
  • 2024.3.6
  • 抖音视频批量采集软件|视频评论下载工具
  • 苹果 Vision Pro零售部件成本价格分析
  • Seurat 中的数据可视化方法
  • ImportError: cannot import name ‘InterpolationMode‘
  • HSRP和VRRP
  • C及C++每日练习(1)
  • Oracle 12c dataguard查看主备库同步情况的新变化
  • 时间序列-AR MA ARIMA
  • Spring Boot(六十六):集成Alibaba Druid 连接池
  • leetcode 经典题目42.接雨水
  • 高防服务器的主要作用有哪些?
  • 【30 天 JavaScript 挑战】学习笔记
  • 生成 Linux/ubuntu/Debian 上已安装软件包的列表
  • 精品中国货出海wordpress外贸独立站建站模板
  • 使用Animated.View实现全屏页面可以向下拖动,松开手指页面返回原处的效果