contentType类型

最新推荐文章于 2024-03-07 08:32:09 发布

永远的大白

最新推荐文章于 2024-03-07 08:32:09 发布

阅读量401

点赞数 1

分类专栏：前端 js jQuery 文章标签： contentType

本文链接：https://blog.youkuaiyun.com/bjhan_csdn/article/details/96873964

版权

前端同时被 3 个专栏收录

20 篇文章

订阅专栏

10 篇文章

订阅专栏

jQuery

3 篇文章

订阅专栏

本文解释了在使用Ajax请求时，不同的ContentType设置如何影响前后端数据交互。特别是application/x-www-form-urlencoded与application/json的区别，以及如何正确配置以适应复杂的json数据传输。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用ajax的时候，有时候你会发现前端发送的请求，后端接口接受到的格式并不是想要的格式，然后机会报错，最常见的就是json数据。

那么这是为什么呢？打开控制台你会发现，接口请求默认的contentType的格式是application/x-www-form-urlencoded。这个格式的特点是post的数据会用&连接起来，比如传输姓名和年龄两个字段

data:{
name:'jack',
age:17
}

你会发现后台接受的数据是name=jack&age=17，这时候后台只需要getParameter就能获取到相应的参数值。

这样看来我们传递数据用这一个就行了，好像也没什么不可以，但是如果使用application/x-www-form-urlencoded，在多层json的时候就会出现问题，对于剁成的json数据来说，后台也更希望层次清晰的传到后台。这个时候我们需要把conttentType设置成application/json。


contentType: 'application/json',
data: JSON.stringify({
name:'jack',
age:17,
brother:{
    name:jack1,
   age:16
  }
})

在使用application/json的时候我们需要使用JSON.stringify去格式化一下data数据，这样后台获取到的数据就可以json化并正常使用了。