dataType和contentType的区别
本文为作者原创，转载请注明出处： https://www.cnblogs.com/htoooth/p/7242217.html
目录
正文
参考文章
$.ajax 中的contentType
在 cnodejs.org 论坛中有一个问题，让我也很奇怪，说是 $.ajax 设置数据类型 applicaiton/json之后，服务器端(express)就拿不到数据，好奇之下，就去翻了翻资料，发现了一个自己也没有注意到的事。
于是有了这篇文章。
正文
$.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式，dataType设置你收到服务器数据的格式。
在http 请求中，get 和 post 是最常用的。在 jquery 的 ajax 中， contentType都是默认的值：application/x-www-form-urlencoded，这种格式的特点就是，name/value 成为一组，每组之间用 & 联接，而 name与value 则是使用 = 连接。如： wwwh.baidu.com/q?key=fdsa&lang=zh 这是get , 而 post 请求则是使用请求体，参数不在 url 中，在请求体中的参数表现形式也是: key=fdsa&lang=zh的形式。
键值对这样组织在一般的情况下是没有什么问题的，这里说的一般是，不带嵌套类型JSON，也就是 简单的JSON，形如这样：
|
1
2
3
4
5
|
{
a: 1,
b: 2,
c: 3
}
|
但是在一些复杂的情况下就有问题了。 例如在 ajax 中你要传一个复杂的 json 对像，也就说是对象嵌数组，数组中包括对象，兄果你这样传：
|
1
2
3
4
5
6
7
|
{
data: {
a: [{
x: 2
}]
}
}
|
这个复杂对象， application/x-www-form-urlencoded 这种形式是没有办法将复杂的 JSON 组织成键值对形式(当然也有方案这点可以参考 ) ,你传进去可以发送请求，但是服务端收到数据为空， 因为 ajax 没有办法知道怎样处理这个数据。
这怎么可以呢？
聪明的程序员发现 http 还可以自定义数据类型，于是就定义一种叫 application/json 的类型。这种类型是 text ， 我们 ajax 的复杂JSON数据，用 JSON.stringify序列化后，然后发送，在服务器端接到然后用 JSON.parse 进行还原就行了，这样就能处理复杂的对象了。
|
1
2
3
4
5
|
$.ajax({
dataType: 'json' ,
contentType: 'application/json' ,
data: JSON.stringify({a: [{b:1, a:1}]})
})
|
这样你就可以发送复杂JSON的对象了。像现在的 restclient 都是这样处理的。
参考文章
- jquery ajax 文档，告诉你可以使用默认的
application/x-www-form-urlencoded, multipart/form-data, or text/plain这三种，其它的也可以，但是需要告诉ajax 的怎样序列化它。 - datetype 和 contenttype 的区别，这篇文章告诉你，datetype 和 contentType 的区别。
- jquery ajax 发送 JSON，这篇文章告诉你如何使用 contentType
- application-x-www-form-urlencoded，这篇文章告诉你如何 application-x-www-form-urlencoded 的区别
5.post数据，这篇文章讲 post 数据形式
dataType和contentType的区别相关推荐
- axios请求接口http_使用axios请求接口,几种content-type的区别详解
axios的使用 安装(一般使用框架的话, 脚手架都集成了) $ npm install axios 请求示例 // POST axios.post('/user', { firstName: 'Fr ...
- Swagger2 @ApiImplicitParam中dataType和paramType的区别？
https://blog.csdn.net/it_erge/article/details/91492997
- 表单和ajax中的post请求后台获取数据方法（深度好文）
最近要做后台数据接收,因为前台传来的数据太过于混乱,所以总结了一下前台数据post请求方法,顺便写了下相对应的后台接收方法. 前台主要的contenttype为下面三种:(需要注意的是请求头中data ...
- contentType与dataType
$.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式,dataType设置你收到服务器数据的格式. 在http 请求中,get 和 po ...
- contentType 与 dataType
contentType 与 dataType 1 contentType 设置的是你发送给服务器的数据格式 . 服务器通常是根据请求头(headers)中的content-type的值来获取请求中的消 ...
- ajax参数datatype,$.ajax 中的contentType和dataType设置
开始说之前,首先说下$.ajax的一些参数: 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get ...
- http协议的Request Payload 和 Form Data 的区别
Request Payload VS Form Data 前端请求 我看了前端发起的请求,请求正文并不是我熟悉的 Form Data,而是 Request Payload.如图注意下面两个请求的 Co ...
- Ajax（form表单文件上传、请求头之contentType、Ajax传递json数据、Ajax文件上传）
form表单文件上传 上菜 file_put.html <form action="" method="post" enctype="multi ...
- jQuery中的for循环var与let区别
1.简述 在用AJAX发送请求中又嵌套了一个AJAX请求, 发现在内层请求的success中对第一次success中 的循环变量 i 无法获取,具体代码如下: 2.代码 $.ajax({type: & ...
最新文章
- java项目经理也就那么回事_网易PM | 我们之前在需求评审环节踩过的坑...
- 单数组去重（日常记录）
- 脑机接口和卷积神经网络的初学指南(一)
- matlab 折线图_MATLAB作图实例：13：折线图和条形图的双轴图
- 本地两台虚拟机构建NFS服务器和客户端
- char、varchar、binary和varbinary的区别与联系
- python大作业外星人入侵_【python3小白上路系列】外星人入侵——开始
- ARIMA模型之疏系数模型
- 动态规划——方格取数（hdu1565）
- 数据结构(Splay平衡树)：COGS 339. [NOI2005] 维护数列
- (转)如何在MySql中记录SQL日志（例如Sql Server Profiler)
- 浅谈《软件工程》常用的几种软件开发方法
- 人生最重要的概念：复利
- fl_studio-声卡设置、1
- 基于multisim的fm调制解调_基于Multisim的AM调制解调电路设计与研究
- java变量小明扑克牌_Java模拟扑克牌洗牌实现生成52张扑克的方法示例
- Ralph and Mushrooms （tarjan+dp）
- 一、java入门（高琪java300集+java从入门到精通笔记）
- WITH TIES语句（SQL）
- 正式入职开发工程师工作近半年有感