之前我写ajax根本就没有去关注响应头什么的 只是很简单的用而已 后来发现其实没那么简单

Content-Type 指的是发送至服务器的数据类型,而data-Type定义的是服务器返回的数据类型.此处应有图

上面那个红圈是Content-Type控制的数据类型 ,下面那个红圈是data-Type控制的数据类型

如果不指定ContentType,则一般情况默认为text/html,表单数据默认为application/x-www-form-urlencoded。

  • 如果是 type: “GET”的话,以上三种都可以,因为GET类型的参数是紧跟在url后面,与Content-Type无关

  • 如果是 type: “POST”的话,data数据是由form表单提交,此时就必须把Content-Type设为application/x-www-form-urlencoded(也可以不指定content-Type,因为表单提交默认是application/x-www-form-urlencoded),否则后台是无法接收到数据的。

contentType数据类型的不同 data里面所传递的数据类型也不同

  • 如果是不使用contentType: “application/json”则data可以是对象
  • *
$.ajax({type: "GET",url: "/SmartStrip/InsertRow/GetDeviceList",data: {},dataType: 'JSON',success: function (data) {console.log(data);},error: function () {},})
  • 如果是使用contentType: “application/json”则data只能是json形式的字符串,需自行拼接
$.ajax({type: "POST",beforeSend: function (request) {request.setRequestHeader("Authorization",Authorization);},url: url,dataType: 'JSON',contentType: "application/json",data: '{'+ '"name":"' + name + '",'+ '"idsn":"' + idsn + '",'+ '"brand":"' + brand + '",'+ '"model":"' + model + '",'+ '"pid":"' + pid + '",'+ '"baseID":"' + baseID + '",'+ '"areaID":"' + areaID + '"'+ '}',success: function (data) {console.log(data);},error: function () {},})

哇咔咔 ~~ 写完了~

关于 ajax Content-Type 的问题 贼拉有用的!!!相关推荐

  1. jquery ajax content type,JQuery ajax的contentType

    原理说明 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面.XMLHttpRequest是ajax的核 ...

  2. Posted content type isn't multipart/form-data

    版权声明:欢迎转载,请注明沉默王二原创. https://blog.csdn.net/qing_gee/article/details/48712507 在有文件上传的表单提交过程中,搞不好就会报Po ...

  3. Spring Boot——[Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported]解决方案

    问题描述 2020-02-13 19:32:04.322 WARN 109508 --- [p-nio-80-exec-4] .m.m.a.ExceptionHandlerExceptionResol ...

  4. php 点击下拉显示内容,php+ajax实现仿百度查询下拉内容功能示例

    本文实例讲述了php+ajax实现仿百度查询下拉内容功能.分享给大家供大家参考,具体如下: 运行效果如下: html代码: Document body{ margin:0; padding: 0; } ...

  5. Content type ‘application/x-www-form-urlencoded;charset=UTF-8‘ not supported

    问题描述: 我写了一个接口,这个接口参数是这样的 @ResponseBody @RequestMapping(value = "importData", method = Requ ...

  6. Springboot 报错Content type ‘application/x-www-form-urlencoded;charset=UTF-8‘ not supported

    SpringBoot错误解决 1.错误展示 2021-03-23 12:20:02.805 ERROR org.springframework.web.HttpMediaTypeNotSupporte ...

  7. php ajax二级联下拉菜单,ThinkPHP和Ajax 实现二级联动的下拉菜单

    这篇文章主要介绍了关于ThinkPHP和Ajax 实现二级联动的下拉菜单,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 联动菜单的数据存在数据库,可以随时通过对数据库添加删除修改改变菜 ...

  8. Java POI WPS另存为的XLSX Excel报错Package should contain a content type part [M1.13]

    最近在写项目的时候,使用到了POI对表格的处理,在通过文件流创建工作簿的时候,出现异常,异常信息是:Package should contain a content type part [M1.13] ...

  9. restTemplate http请求报错:no suitable HttpMessageConverter found for response type and content type

    报错信息: org.springframework.web.client.UnknownContentTypeException: Could not extract response: no sui ...

最新文章

  1. 十年之后,数字孪生将这样改变我们的工作与生活
  2. 成为一流CSS设计师的8大技巧
  3. Spring DefaultListableBeanFactory
  4. “退学吧,开始行动”——埃里森在耶鲁的演讲(历史上最牛的演讲)
  5. C/C++基础语法复习(一):C++与C语言的区别,主要有这些!
  6. unity基础知识笔记一(快捷方式、基础概念)
  7. vue连线 插件_一起写一个即插即用的 Vue Loading 插件
  8. CF540 B 贪心
  9. Nginx 核心架构设计
  10. 6.828 - lab3
  11. 【论文阅读】RegNet-Designing Network Design Space
  12. likely 和 unlikely
  13. 当远程连接MySQL数据库的时候显示Can't connect to MySQL server (10060
  14. 怎么设置微信公众号自动回复蓝色字体,点击蓝色字体自动发送出去
  15. ie浏览器float兼容性
  16. 京东详情页批量关联海报,提高转化80%
  17. react高阶组件总结
  18. 7.物体的几何表示——细分曲面
  19. codeforces 148 C. Terse princess(思维,构造)
  20. 第3章 作业(268EF)【网络安全】

热门文章

  1. Oracle的学习详解
  2. 万能数据库查询分析器使用技巧之(十五)
  3. 6个usb口服务器无响应,win7usb接口没反应怎么办_win7usb接口没反应的解决方法
  4. 71java并发编程不得不知道的几件事
  5. CSS的小特效之:融合效果
  6. Problem A: 算法4-5:求子串位置的定位函数
  7. blender绑定后,姿态模式 骨骼动 模型不动
  8. gpedit.msc打不开
  9. tensorflow2.10.0+CUDA11.2+cuDNN8.1 for cuda11.2
  10. 医院排队叫号系统源码 医院系统源码 医院源码