Ajax向后台传输json格式数据出现错误应如何处理

这次给大家带来Ajax向后台传输json格式数据出现错误应如何处理,处理Ajax向后台传输json格式数据出现错误的注意事项有哪些,下面就是实战案例,一起来看一下。

问题描述:

  ajax往后台传json格式数据报415错误,如下图所示

Ajax向后台传输json格式数据出现错误应如何处理

页面代码

function saveUser(){var uuId = document.getElementById("uuid").value;var idCard = document.getElementById("idCard").value;alert(uuId+idCard);// var result = new Object();// result.uuId = uuId;// result.idCard = idCard;// var saveData = JSON.stringify(result);// alert(saveData);$.ajax({url : "xdds/saveUser.do?random=" + Math.random(),type : "post",data : {"uuid" : uuId,"idCard" : idCard},// data:saveData,dataType : 'json',// contentType : "application/json",success:function(data){}});}

登录后复制

  后台代码

@RequestMapping(value = "/saveUser.do", method = { RequestMethod.POST })@ResponseBodypublic Map saveUser (@RequestBody MapUser user){Map map = new HashMap();System.out.println(user.getUuid()+user.getIdCard());map.put("result", "fda");return map ;}

登录后复制

错误分析:415 (不支持的媒体类型) 请求的格式不受请求页面的支持

正确的json格式{key:value, key:value}key和value应该都带双引号。上面的前台代码data中的数据value不带双引号,所以导致报错(因为前面接触的项目这样写是没问题)

所以初步分析可能应为框架的问题,有的框架可以将

data : {“uuid” : uuId,”idCard” : idCard}这种封装成正确的json格式。

具体原因还不知道,博主也是小白,等博主搞清楚会分享出来的

解决办法:将前台注释的代码打开

var saveData = JSON.stringify(result)
这个函数可以转化成真确的json格式。

ps:小白一个,有不对的地方请大神指正;有大神知道具

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

ajax后台success上传的json数据如何处理

ajax获取页面的返回参数并且给控件赋值

以上就是Ajax向后台传输json格式数据出现错误应如何处理的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 14:31:53
下一篇 2025年3月8日 14:31:59

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

相关推荐

  • ajax后台success上传的json数据如何处理

    这次给大家带来ajax后台success上传的json数据如何处理,处理ajax后台success上传json数据的注意事项有哪些,下面就是实战案例,一起来看一下。 最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在s…

    编程技术 2025年3月8日
    000
  • ajax怎样提交form表单与实现文件上传

    这次给大家带来ajax怎样提交form表单与实现文件上传,ajax提交form表单与实现文件上传的注意事项有哪些,下面就是实战案例,一起来看一下。 前几天,发现了一些小问题。我在写后台管理页面时,需要上传一张图片。于是我就用很普通的Form…

    编程技术 2025年3月8日
    200
  • ajax怎样实现跨页面提交表单

    这次给大家带来ajax怎样实现跨页面提交表单,ajax实现跨页面提交表单的注意事项有哪些,下面就是实战案例,一起来看一下。 前面提到过重复提交表单问题,处理token口令校验、重定向之外,还有一种经常使用到的方法就是新页面处理表单提交,完成…

    2025年3月8日
    200
  • ajax结合豆瓣搜索进行分页如何实现(附代码)

    这次给大家带来ajax结合豆瓣搜索进行分页如何实现(附代码),ajax结合豆瓣搜索进行分页实现的注意事项有哪些,下面就是实战案例,一起来看一下。 使用豆瓣api,得到分页结果。相当于从后台数据库获得的结果一样。所不同的是,没法事先知道页数。…

    编程技术 2025年3月8日
    200
  • node解释执行js的过程分析

    本篇文章给大家分享的内容是node解释执行js的过程分析,有兴趣的朋友可以看一看,有需要的朋友也可以参考一下 说明:node是单线程,非阻塞,事件驱动(类似内核中udev事件,可以参考监听-回调机制) 以node-v8.10.0为对象,主要…

    编程技术 2025年3月8日
    200
  • js 解析本地的Excel文件

    解析excel文件一般后端进行,但是今天遇到了需要在前端解析处理excel文件数据,特记录一种实现方式: nbsp;html>解析Excel文件     var wb;// 读取完成的数据 var rABS = false; // 是…

    编程技术 2025年3月8日
    200
  • Ajax做出带验证码的局部刷新登录功能

    这次给大家带来Ajax做出带验证码的局部刷新登录功能,Ajax做出带验证码局部刷新登录的注意事项有哪些,下面就是实战案例,一起来看一下。 现在的登录界面大多数都带有:验证码的功能+验证码局部刷新+ajax登录。用ajax登录的好处最明显就是…

    2025年3月8日
    200
  • 使用Ajax时有哪些常见错误

    这次给大家带来使用Ajax时有哪些常见错误,处理Ajax的常见错误注意事项有哪些,下面就是实战案例,一起来看一下。 1, ajax 发送请求时状态判断 if else 语句问题。 var xhr = new XMLHttpRequest()…

    编程技术 2025年3月8日
    200
  • 为什么Ajax的请求会一次点击多次提交

    这次给大家带来为什么Ajax的请求会一次点击多次提交,Ajax请求一次点击多次提交的注意事项有哪些,下面就是实战案例,一起来看一下。 页面中的注意事项的type是submit的: ajax的请求,在JQuery中是: $(function …

    编程技术 2025年3月8日
    200
  • ajax怎么实现图片的预览上传以及查看缩略图

    这次给大家带来ajax怎么实现图片的预览上传以及查看缩略图,ajax实现图片的预览上传以及查看缩略图的注意事项有哪些,下面就是实战案例,一起来看一下。 要实现功能,上传图片时可以预览,因还有别的文字,所以并不只上传图片,实现与别的文字一起保…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论