1.ajax提交JSON数据,报类型转换错误

已于 2023-05-11 16:21:40 修改
阅读量333 收藏
点赞数
分类专栏： Java # Spring MVC 前端 文章标签： ajax json java spring mvc
于 2023-05-10 16:08:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44178072/article/details/130603378
版权
Java 同时被 3 个专栏收录
6 篇文章 1 订阅
订阅专栏
前端
4 篇文章 0 订阅
订阅专栏
Spring MVC
1 篇文章 0 订阅
订阅专栏

ajax提交JSON数据,报类型转换错误

1.错误描述:

前端ajax post方式提交JSON数据,data: {属性1: 数据1, 属性2: 数据2},spring mvc使用@RequestBody进行接收,首先出现不支持application/x-www-form-urlencoded的错误,修改提交的contentType属性application/json,报错类型转换错误信息:属性1=数据1&属性2=数据2

2.原因分析

@RequestBody接收的是JSON数据(JSON字符串或直接JSON对象), ajax data属性被直接拼接成FormData格式的数据(属性1=数据1&属性2=数据2)

3.解决方案

前端提交时首先格式化`

$.ajax({
	data: JSON.stringify(data),
	//...
});

转换为字符串数据

CheshireCat—Ruo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
乐优商城.xmind
03-31
常用其来处理application/json类型 子主题 2 将请求体中的JSON字符串绑定到相应的bean上 修改 Controller @PutMapping service updateByPrimaryKey 删除 Controller @DeleteMapping @PathVariable ...
Ext Js权威指南(.zip.001
09-26
7.6.1　远程读取json数据 / 369 7.6.2　读取xml数据 / 378 7.6.3　store的数据操作 / 379 7.7　本章小结 / 384 第8章　模板与组件基础 / 385 8.1　模板 / 385 8.1.1　模板概述 / 385 8.1.2　ext.template的创建与...
ajax请求返回值带\r\n的Bug
凛冬将至
04-23 832
今天改一个系统中前面的哥们写的bug，先来说说这个bug是什么问题： function checkDeviceNums(){ var res=false; $.ajax({ url:'<%=request.getContextPath() %>/mobile/device/ajaxDmmdevice.do?method=checkDeviceNums', ...
ajax返回值中有回车换行、空格解决方法
qq_38472535的博客
08-05 271
ajax返回值中有回车换行、空格解决方法
ajax 文本换行,Ajax异步提交数据返回值的换行问题实例分析
weixin_42207707的博客
08-05 424
本文实例分析了Ajax异步提交数据返回值的换行问题。分享给大家供大家参考，具体如下：前面分析介绍了《Javascript基于AJAX回调函数传递参数》及《IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别》，学习了ajax回调函数传参与针对不同浏览器处理中文乱码问题的方法。这里就来分析一下ajax异步提交返回值中换行问题的处理技巧。背景介绍：需要实现的功能是：在下拉框中选择分类，提交到PH...
ajax中的换行符,jQuery中的换行符ajax html回调导致错误
weixin_28736335的博客
08-05 440
我从$.ajax调用返回一大块HTML.来自PHP的字符串在开头有两个换行符,例如$data = "Here is some text";这是$.ajax调用：$('form#form_id').submit(function(e){e.preventDefault();$form = $(this);$.ajax({url: $form.attr('action'),type: $form.at...
Ajax方式上传文件时报错“Uncaught TypeError: Illegal invocation“
caishijian2008的专栏
12-30 488
默认情况下，通过data选项传递进来的数据，如果是一个对象(技术上讲只要不是字符串)，都会处理转化成一个查询字符串，以配合默认内容类型 "application/x-www-form-urlencoded"。数据传输的方式是通过定义formData完成的，提交的文件对象也设置为dom对象，但是还是不能发送请求。F12看到后台报了个错误：Uncaught TypeError: Illegal invocation，百度了一下，找到了解决方法。关于ajax的其他配置，可以参考W3School上的资料。
@RequestBody使用时出现的类转换异常
weixin_46621774的博客
05-10 1781
问题描述： 后台使用@RequestBody以map的形式接收前端传递的参数，在获取map中的list集合时出现转换异常错误。 java.lang.Integer cannot be cast to java.lang.CharSequence/java.lang.String; 原因分析： 由于传递的参数有数组，需要对数组进行处理，所以在Controller接收前端传递的参数时，使用了Map<String,Object>接收数据。 但是在service方面处理其中的传递的数组时，使用了Ma
前端传递JSON对象数据给Java后端，数据类型格式不正确错误
睡竹的博客
06-21 2190
前端传递JSON对象数据给Java后端，数据类型格式不正确错误
JSON串的字段和类中字段不一致时如何转换？
龙吟山庄
08-22 7872
第一、前言 Json串是我们现在经常会遇到的一种描述对象的字符串格式。在用Java语言开发的功能中，也经常需要做Json串与Java对象之间的转换。 第二、正常转换 fastjson就是经常用来做Json串与Java对象之间的转换，就像下面我用fastjson实现的示例。 import com.alibaba.fastjson.JSON; /** * JSON与对象转换 * @author shixiangcheng * 2020-08-22 */ public class JsonDemo {
JSON转换时数据类型不一致的解决办法
wll_1025的博客
04-16 1434
return 0;return 0;} }在需要转换的字段上使用;最终同样能达到相同的目的。
Ajax回调获取json中包含\r\n换行符报错
weixin_34008933的博客
07-04 1272
2019独角兽企业重金招聘Python工程师标准>>> ...
Ajax 解决浏览器缓存问题原理和例子
codemami的博客
04-28 934
当设置为false时，jQuery会在请求的URL后添加一个随机的时间戳参数，从而确保每次请求的URL都是唯一的，从而避免浏览器使用缓存的数据。例如，可以设置Cache-Control: no-cache来告诉浏览器不要使用缓存的数据，而是应该向服务器发送请求以获取最新的数据。解决Ajax请求中的浏览器缓存问题，通常是通过在请求头中设置一些特定的字段来实现的。此外，还可以通过在请求的URL后添加一个随机的查询参数（例如时间戳）来避免缓存，因为浏览器通常会对具有不同URL的请求进行不同的缓存处理。
JS设置Ajax为同步或异步
weixin_56187723的博客
04-26 792
需要注意的是，从 HTML5 开始，同步的 AJAX 请求在主线程上已经被废弃，因为它们有可能锁住浏览器界面，导致用户无法进行交互。如果你需要在主线程上进行网络请求，应该使用异步的 AJAX 请求，或者使用 Fetch API、Promise、async/await 等现代 JavaScript 特性。这是 AJAX 的默认行为，也是 AJAX 名称中 "Asynchronous" 的来源。
Ajax从入门到精通
最新发布
p6448777的博客
05-01 947
<%=request.getParameter("tempName")%>
前端发起网络请求的几种常见方式（XMLHttpRequest、FetchApi、jQueryAjax、Axios）
TANKING，开源开发者！
04-30 542
这是最传统和最常见的方式之一。它允许客户端与服务器进行异步通信。XHR API提供了一个在后台发送HTTP请求和接收响应的机制，使得页面能够在不刷新的情况下更新部分内容。Fetch API是一种新的Web API，提供了一种更强大、更灵活的方式来发起网络请求。它使用Promise对象，简化了对网络请求的处理，并且提供了更友好的API。jQuery是一个流行的JavaScript库，其中包含了简化Ajax调用的方法。通过jQuery的Ajax方法，可以方便地发送各种类型的HTTP请求，并处理响应。Axios。
ajax提交数据到后端
07-29
使用AJAX提交数据到后端可以通过以下步骤完成： 1. 创建一个XMLHttpRequest对象： ```javascript var xhr = new XMLHttpRequest(); ``` 2. 创建一个请求，指定请求的方法和URL： ```javascript xhr.open('POST', '后端接口URL', true); ``` 3. 设置请求头（如果有需要）： ```javascript xhr.setRequestHeader('Content-Type', 'application/json'); ``` 4. 监听请求的状态变化： ```javascript xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { // 请求成功，处理返回的数据 var response = JSON.parse(xhr.responseText); // 处理返回的数据 } else { // 请求失败，处理错误信息 console.error('请求失败:', xhr.status); } } }; ``` 5. 将数据转换为JSON格式，并发送请求： ```javascript var data = { key1: 'value1', key2: 'value2' }; xhr.send(JSON.stringify(data)); ``` 以上是一个基本的示例，你可以根据实际情况进行修改和扩展。记得将'后端接口URL'替换为实际的后端接口地址，并根据需要设置请求头和处理返回的数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值