详述 application/json 和 application/x-www-form-urlencoded 区别_json和application/json有什么区别结构-程序员宅基地

技术标签: 大前端  前端  javascript  计算机网络  

HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:状态行、请求头、消息主体。 协议规定,POST 提交的数据必须放在消息主体(entity-body)中,但协议并没有规定数据必须使用什么编码方式。服务端通常是根据请求头(headers)中的 Content-Type 字段来获知请求中的消息主体是用何种方式编码,再对主体进行解析。所以说到 POST 提交数据方案,包含了 Content-Type 和消息主体编码方式两部分 。

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/jsonapplication/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: 是使用纯文本进行传输,平时用的很少
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_40599109/article/details/113614103

智能推荐

跑DeepInf模型时候的bug:train.py: error: the following arguments are required: --file_dir_the following arguments are required: --file-dir-程序员宅基地

文章浏览阅读4.3k次,点赞4次,收藏6次。%run train.pyusage: train.py [-h] [--verbosity VERBOSITY] [--tensorboard-log TENSORBOARD_LOG] [--model MODEL] [--no-cuda] [--seed SEED] [--epochs EPOCHS] [--lr LR] ..._the following arguments are required: --file-dir

JavaScript高级程序设计第五章引用类型——RegExp类型_该类未实现此属性-程序员宅基地

文章浏览阅读196次。ECMAScript通过RegExp类型来支持正则表达式。var expression = / pattern / flags ;//pattern模式 flags 标志其中的模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符串,限定符,分组,向前查找以及反向引用。每个正则表达式都可带有一个或多个标志(flags),用以标明正则表达式的行为。正则表达式的匹配模式支持下列3个..._该类未实现此属性

echarts 生成 迁徙图_百度地图+echarts(迁徙图)-程序员宅基地

文章浏览阅读1.4k次。let minigrateChart = echarts.init(document.getElementById("MinigrateChart"));let geoCoordMap = {'上海': [121.4648,31.2891],'东莞': [113.8953,22.901],'东营': [118.7073,37.5513],'中山': [113.4229,22.478],'临汾': ..._echarts 百度 迁徙图 源码

《计算机工程》投稿经验_计算机工程投稿经验-程序员宅基地

文章浏览阅读6.1k次,点赞11次,收藏22次。《计算机工程》投稿经验_计算机工程投稿经验

plist创建方法_构建plist-程序员宅基地

文章浏览阅读361次。_构建plist

loader_utils.py + word2Vec补充学习_loader-utils-程序员宅基地

文章浏览阅读295次。2021SC@SDUSC_loader-utils

随便推点

CodeForces 82A Double Cola 【math】-程序员宅基地

文章浏览阅读302次。A. Double Cola time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard output Sheldon, Leonard, Penny, Rajesh and Howard are in the queue for a “Double C..._codeforces 82a

开源社区应该选择什么语言?-程序员宅基地

文章浏览阅读195次。点击上方“开源社”关注我们| 作者:庄表伟|编辑:李明康| 设计:王福政前传《在开源的世界里,应该讲开发者都能懂的语言!》(https://my.oschina.net/oscpyaqx..._未来社区开发语言

kali-程序员宅基地

文章浏览阅读566次。1.更新软件源:修改sources.list文件:leafpad /etc/apt/sources.list然后选择添加以下适合自己较快的源(可自由选择,不一定要全部):#官方源deb http://http.kali.org/kali kali main non-free contribdeb-src http://http.kali.org/kali kali main non-f...

【ROS】自定义消息类型_customize_msgs-程序员宅基地

文章浏览阅读1k次,点赞2次,收藏13次。文章目录一、自定义msg文件1、创建工作空间与功能包2、自定义msg文件3、修改CMakeLists.txt4、修改xml5、编译二、自定义msg文件的使用1、新建pkg2、新建publisher3、修改CMakeLists.txt4、编译三、运行一、自定义msg文件工程中由于自定义的msg或srv比较多,通常会单独把自定义的内容放入一个pkg。本节我们新建一个叫public_pkg的pkg。1、创建工作空间与功能包mkdir -p catkin_ws1/srccd catkin_ws1/sr_customize_msgs

3分钟看懂gcc、arm-Linux-gcc和arm-elf-gcc的组成及区别_gcc和arm生成的elf区别-程序员宅基地

文章浏览阅读2.3k次。一、GCC简介The GNU Compiler Collection,通常简称 GCC,是一套由 GNU 开发的编译器集,为什么是编辑器集而不是编译器呢?那是因为它不仅支持 C 语言编译,还支持 C++, Ada,Objective C 等许多语言。另外 GCC 对硬件平台的支持,可以所无所不在,它不仅支持 X86处理器架构, 还支持 ARM, Motorola 68000, Motorola 8..._gcc和arm生成的elf区别

xmpp 消息监听_xmpp 群聊 监听-程序员宅基地

文章浏览阅读1.6k次。1.聊天信息监听chatManager = ChatManager.getInstanceFor(mConnection);chatManager.addIncomingListener(new IncomingChatMessageListener() { @Override public void newIncomingMessage(EntityBareJid m_xmpp 群聊 监听

推荐文章

热门文章

相关标签