ajax中设置contentType: "application/json"的作用(图文教程)

这篇文章主要介绍了ajax中设置contenttype: “application/json”的作用,需要的朋友可以参考下

最近在做项目交互的时候,刚开始向后台传递数据返回 415 ,后来百度添加了 contentType:“application/json“ 之后返回400,然后把传输的数据格式改为json字符串就传输成功了,现在我们来看看 contentType:“application/json“的作用:

添加 contentType:“application/json“之后,向后台发送数据的格式必须为json字符串

$.ajax({  type: "post",  url: "mobile/notice/addMessageInfo.jspx",  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对象形式

$.ajax({  type: "post",  url: "mobile/notice/addMessageInfo.jspx",  data:{name:'zhangsan',age:'15'},  dataType: "json",  success: function(data) {    console.log(data);  },  error: function(msg) {    console.log(msg)  }})

登录后复制

另外,当向后台传递复杂json的时候,同样需要添加 contentType:“application/json“,然后将数据转化为字符串

var data = {  uploadarray: uploadarray,  messageInfo: {    messageTitle: messageTitle,    messageContent: messageContent,    publisher: publisher  },  userId: userId}$.ajax({   type: 'post',  url: "mobile/notice/addMessageInfo.jspx",  contentType: 'application/json',  data: JSON.stringify(data),  dataType: "json",  success: function(data) {    console.log(data);  },  error: function(msg) {    console.log(msg)  }})

登录后复制

补充:下面看下$.ajax中contentType: “application/json” 的用法

不使用contentType: “application/json”则data可以是对象

$.ajax({url: actionurl,type: "POST",datType: "JSON",data: { id: nodeId },async: false,success: function () {}});

登录后复制

使用contentType: “application/json”则data只能是json字符串

$.ajax({url: actionurl,type: "POST",datType: "JSON",contentType: "application/json"data: "{'id': " + nodeId +"}",async: false,success: function () {}});

登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室

jQuery+Ajax验证用户名步骤详解

Yii2表单事件之Ajax提交实现方法

以上就是ajax中设置contentType: “application/json”的作用(图文教程)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2760168.html

(0)
上一篇 2025年3月8日 09:04:17
下一篇 2025年2月26日 20:31:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery的ajax和getJson跨域获取json数据(图文教程)

    本篇文章主要是对jquery的ajax和getjson跨域获取json数据的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 很多开发人员在使用jquery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jquery…

    编程技术 2025年3月8日
    200
  • JS基础-Math数组Date

    本篇讲解了js的基础math数组和date的相关知识。 一.Math 1、写一个函数,返回从min到max之间的 随机整数,包括min不包括max    //不包含最大数    function getNum(min,max){      …

    编程技术 2025年3月8日
    200
  • node.js进入文件目录步骤详解

    这次给大家带来node.js进入文件目录步骤详解,node.js进入文件目录的注意事项有哪些,下面就是实战案例,一起来看一下。 要进入莫一个目录比如:”D:react” 首先要:d: 然后:cd d:eact 如图:…

    2025年3月8日
    200
  • Nodejs内存治理步骤详解

    这次给大家带来Nodejs内存治理步骤详解,Nodejs内存治理的注意事项有哪些,下面就是实战案例,一起来看一下。 s运行的宿主环境不同,相应的对内存治理的要求也不一样,当宿主环境是浏览器时,由于网页的运行时间短,且只运行在用户的机器上(相…

    编程技术 2025年3月8日
    200
  • 原生JS实现Ajax跨域请求flask响应内容(图文教程)

    这篇文章主要为大家详细介绍了js实现ajax跨域请求flask响应内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 Ajax方法好,网站感觉跟高大上,但由于Js的局限,跨域Ajax无法实现,这里,讲一下解决办法,前提是需要能够自己可以…

    编程技术 2025年3月8日
    200
  • nodejs更改项目端口号步骤详解

    这次给大家带来nodejs更改项目端口号步骤详解,nodejs更改项目端口号的注意事项有哪些,下面就是实战案例,一起来看一下。 在项目中加入文件:ServerConf var ServerConf= { ApiHost: “” //后台链接…

    2025年3月8日
    200
  • js中async函数使用方法详解

    这次给大家带来js中async函数使用方法详解,js中async函数使用的注意事项有哪些,下面就是实战案例,一起来看一下。 一、终极解决 异步操作是 JavaScript 编程的麻烦事,麻烦到一直有人提出各种各样的方案,试图解决这个问题。 …

    编程技术 2025年3月8日
    200
  • 编写js async函数步骤详解

    这次给大家带来编写js async函数步骤详解,编写js async函数的注意事项有哪些,下面就是实战案例,一起来看一下。 2018年已经到了5月份,node的4.x版本也已经停止了维护我司的某个服务也已经切到了8.x,目前正在做koa2.…

    编程技术 2025年3月8日
    200
  • JS事件绑定、事件流模型案例分析

    这次给大家带来JS事件绑定、事件流模型案例分析,使用JS事件绑定、事件流模型的注意事项有哪些,下面就是实战案例,一起来看一下。  一、JS事件 (一)JS事件分类 1.鼠标事件: click/dbclick/mouseover/mouseo…

    2025年3月8日
    200
  • Ajax 配合node js multer 实现文件上传功能

    这篇文章主要介绍了ajax 配合node js multer 实现文件上传功能,需要的朋友可以参考下 说明 作为一个node 初学者,最近在做一个聊天软件,支持注册、登录、在线单人、多人聊天、表情发送、各种文件上传下载、增删好友、聊天记录保…

    2025年3月8日
    200

发表回复

登录后才能评论