$.ajax() contenttype,$.ajax 中的contentType类型
前言
今天在搞项目的时候遇到一个问题,$.ajax 设置数据类型 applicaiton/json以后,服务器端(express)就拿不到数据,遂解决后将问题以及问题缘由整理下来。jquery
正文
$.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式,dataType设置你收到服务器数据的格式。ajax
在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的形式。express
通常,不带嵌套类型JSON:json
data:{
name:'zhangsan',
age:'15'
}
复制代码
若是是一些复杂一点的带嵌套的JSON:bash
data:{
data: {
a: [{
x: 2
}]
}
}
复制代码
application/x-www-form-urlencoded 是没有办法将复杂的 JSON 组织成键值对形式,你能够发送请求,可是服务端收到数据为空, 由于 ajax 不知道怎样处理这个数据。服务器
解决方法:app
发现 http 还能够自定义数据类型,因而就定义一种叫 application/json 的类型。这种类型是 text , 咱们 ajax 的复杂JSON数据,用 JSON.stringify序列化后,而后发送,在服务器端接到而后用 JSON.parse 进行还原就好了,这样就能处理复杂的对象了。post
$.ajax({
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({a: [{b:1, a:1}]})
})
复制代码
总结
“application/json“的做用: 添加 contentType:“application/json“以后,向后台发送数据的格式必须为json字符串ui
$.ajax({
type: "post",
url: "",
contentType: "application/json",
data:"{'name':'zhangsan','age':'15'}",
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(msg) {
console.log(msg)
}
})
复制代码
不添加 contentType:“application/json“的时候能够向后台发送json对象形式url
$.ajax({
type: "post",
url: "",
data:{
name:'zhangsan',
age:'15'
},
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(msg) {
console.log(msg)
}
})
复制代码
另外,当向后台传递复杂json的时候,一样须要添加 contentType:“application/json“,而后将数据转化为字符串
var parm = {
a: a,
b: {
c: c,
d: d,
e: e
},
f: f
}
$.ajax({
type: 'post',
url: "",
contentType: 'application/json',
data: JSON.stringify(parm),
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(msg) {
console.log(msg)
}
})
复制代码
最新文章
- python怎么设置环境变量_百度经验_如何在Python中设置环境变量
- 蚂蚁金服面试经历-临场发挥
- TSQL--NESTED LOOPS JOIN
- jbpm binding类深入解析
- vs.net 中编译链接vc工程时的LNK171@mspdb140.dll错误处理
- 向左滚动,每次滚动的长度可以设置,然后暂停后继续滚动
- android 调试技巧
- java中跨时区的日期格式转换
- CPU,内核,寄存器,缓存,RAM,ROM的知识
- mysql 复制延迟诊断_新特性解读 | MySQL 8 复制延迟观测新方式,更全面更精准
- python获取sap数据_python 连接 SAP HANA 数据库
- exchange系列(一)exchange2010邮件服务器的安装与规划
- 转载 java基础题(面试必知)
- Sketch 插件开发指南
- lol进入服务器后显示3秒白屏,LOL:盘点新客户端出现的BUG,及可行的解决方法...
- 游戏界面设计艺术性的思考
- 【导数术】6.端点效应
- 胡喜:蚂蚁金服十五年技术架构演进之路
- python金融分析小知识(19)——NLP初探之LDA话题建模
- 融资性担保公司VS非融资性担保公司
热门文章
- 资深架构师十年总结:成为架构师,你必须具备这五点能力
- python中float到意义_float可以在Python中使用的值范围是多少?
- html中合并两块中间如何加一条竖线,HTML如何在两个div标签中间画一条竖线
- linux通配符教程,linux通配符知识
- c#语言对于类库的理解!
- java调用wadl_java-ee – 如何从IntelliJ IDEA中的RESTful Java代码生成WADL?
- Unity3D教程:动画合成教程(Animation Blending)
- 多项目同时进行如何做好项目管理?
- 送给好朋友的圣诞树+带名字的爱心 圣诞特别版
- 设备管理器如何改成锁定计算机,解决方案:为什么不能设置计算机指纹解锁设置?...