ajax数据传送,@RequestParam和@RequestBody来接收数据

最新推荐文章于 2024-08-14 17:39:14 发布
最新推荐文章于 2024-08-14 17:39:14 发布
阅读量1.1k 收藏 4
点赞数
文章标签： ajax javascript 前端 spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44561584/article/details/130262572
版权

ajax数据传送相关(ajax传输多种类型数据解决后端读取不到问题)

出现问题

1.前端代码(这里使用了ztree插件)

在这里插入图片描述
2.后端代码,使用@RequestParam获取请求数据

在这里插入图片描述
3.发送请求

①.出现异常
在这里插入图片描述
②.前端发送的数据
在这里插入图片描述

解决问题

1.去掉authList数组数据看看,一样的问题,看来是请求有问题

2.去掉contentType: "application/json;charset=UTF-8"后,只有authList解析出错
在这里插入图片描述
①查看前端发送的请求头信息
在这里插入图片描述
②.这种contentType表明数据是按照表单数据提交给服务器
③.查看前端请求的数据是authList[]
在这里插入图片描述
3.后端换成authList[]参数接收数据
在这里插入图片描述
成功接收到数据并处理
但这样接收数据感觉很别扭,传入的数据是authIdList,接收却需要是authIdList[]
4.查找资料,发现可以在ajax请求设置traditional:true,来达到后端请求参数获取不加括号
①.前端代码
在这里插入图片描述
②.后端代码
在这里插入图片描述
③.发送请求带的数据以及请求头contentType
在这里插入图片描述
在这里插入图片描述
成功接收到数据并处理

5.除了以上解决外还可以将单个数据也当成数组来发送,使用json字符串传输数据,后端用@RequestBody封装请求数据
①.前端代码
在这里插入图片描述
②.后端代码
在这里插入图片描述
③.发送请求带的数据以及请求头contentType
在这里插入图片描述
在这里插入图片描述
成功接收到数据并处理

陌上寒清
关注
Ajax和@requestParm与@requestBody之间各种映射关系
qq_44672224的博客
04-11 436
1、HTTP协议 HTTP（hypertext transport protocol），即超文本传输协议。这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。 互联网通信使用TCP/IP三次握手建立链接，三次握手的含义是为了保证双方都具有发送和接收数据的能力，缺少一次都不行。HTTP协议则是在此基础上的另一种标准，用来规定我们通信的规则。 2、GET请求和POST请求 get和post请求最...
boot spring 接口接收数据_Springboot后端接口开发
weixin_39568889的博客
12-20 919
1、技术概述现在大多数Web项目都采取前后端分离的方法，用Springboot后端获取前端传递的数据并进行业务逻辑处理和接口封装，是一项既简单又重要的操作。2、技术详述(1)确定传输方式用POST提交不同传输方式获取参数的方式不同。前端Content-TypeJSON对象/字符串后端参数获取方法application/x-www-form-urlencoded对象@RequestParam 或者S...
AJAX请求@RequestParam与@RequestBody接收参数
weixin_43450799的博客
03-22 2367
SrpingBoot与SpringMvc框架接受页面AJAX请求方式记录 一、当页面请求AJAX使用JSON格式发请求后台， 如下代码 var reqMap = {}; reqMap.gsid = gsid; reqMap.xlid = xlid; $.ajax({ url : zd_basePath + '/queryXljczc', type : 'POST', dataType : 'json', data :JSON.s
Springmvc -- 使用`@RequestParam`接收数组类型参数
最新发布
xycxycooo的博客
08-14 718
在Spring MVC中，处理数组类型的请求参数是一个常见需求，尤其是在处理表单数据或查询参数时。Spring MVC提供了多种方式来接收数组类型的请求参数，包括使用注解、直接绑定到方法参数、以及使用注解。本文将深入探讨这些方式的用法、优缺点以及如何在实际开发中应用它们。
$.ajax参数，@RequestParam()总结
tazuxianzai的博客
05-26 964
$.ajax各参数解释 详细解释请看参考链接: $.ajax() 方法常用参数解释 //$.ajax请求示例 $.ajax({ type:"POST", url: "submitReport.do?token=abc123", data:{ "name":aaa,"age":18 }, dataType:"json",//指明接口返回json数据 //contentType: "application/json",//指明传输数据为后端json格式，接口需要使用@RequestBody()
ajax请求后台传body格式数据，服务器@RequestBody需要注意实相符
PatPeng的博客
12-16 4334
ajax请求以body传输书写方式 $.ajax({ type: "post", contentType:"application/json", dataType: 'json', data:JSON.stringify({"type":"1"}), url: "http://www.demo.com/test/test", success: function(data)...
【js】ajax 同时发送 RequestParam、PathVariable、RequestBody、HttpServletRequest
ranmaxli的博客
05-21 914
写法不一定规范，先解决问题，后续如果有更改好的解决方案再更新： 直接上代码，代码后有解释： var dataAjax = { username:'amin', password:'amin' } $.ajax({ url: "/api/login/" + PathVariableValue + "?param=" + paramValue, data: JSON.stringify(dataAjax), type: "PATCH", contentType : 'application/j
控制器怎么接受ajax的data,通过Ajax将数据发送到控制器(Sending data to controller by Ajax)...
weixin_39552538的博客
08-06 638
通过Ajax将数据发送到控制器(Sending data to controller by Ajax)通常我们通过ajax将数据发送到控制器，如下所示::$.ajax({type: "POST",contentType: "application/json; charset=utf-8",url: "/Controller/MyAction",data: "{'Name':'" + id + "'...
SpringMVC框架下的B/S前后台的数据交换方式片面小结
INK_FUNC的博客
03-17 1088
SpringMVC框架下的B/S前后台的数据交互 仅在在数据的角度做对基于SpringMVC框架的前后台数据交互做片面总结，可能许多错误，欢迎指出。 一、后台传送数据,有常用的两种类型四种方式 A类：跳转页面携带的数据，即前台请求页面，后台发送页面的时候将页面和数据一起返回给前台。 使用@RequestMapping注解与HttpServletRequest 类,如下： @Reque...
Springboot 后台接收参数处理与前台ajax相关属性配置异常记录
zoro_Dcup的专栏
04-22 479
后台错误日志：引号内为参数名称 org.springframework.web.bind.MissingServletRequestParameterException: Required String parameter 'xxxx' is not present org.springframework.web.bind.MissingServletRequestParameterExce...
前后端数据交互，跳转
08-27 730
概述 作为一枚菜鸟，前后端交互可是大问题，经常数据交互失败，不知道怎么跳转。在这分享一下交互的小心得。 我们不妨先大概了解一下整个访问流程： 用户从输入网址按下回车，交互就已经开始了。 浏览器会将请求按照http协议（或者其他https，ftp等）将请求数据封装包从电脑的端口发出 -> 路由器 -> 运营商（域名解析之类的）-> 目标服务器（可能会有代理，负载均...
SpringMVC处理ajax请求（@RequestBody注解），ajax向后端传递的数据格式详解
m0_66111719的博客
01-31 1120
RequestBody可以获取请求体信息，使用@RequestBody注解标识控制器方法的形参，当前请求的请求体就会为当前注解所标识的形参赋值--此时必须使用post请求方式，因为get请求没有请求体-->用户名：密码：输出结果就是在页面填写的值。@RequestBody获取json格式的请求参数。
$.ajax 中关于get、post 与@RequestBody和@RequestParam使用注意
魂-淡
08-27 5620
$.ajax里关于get、post的@RequestBody和@RequestParam使用注意 1、在GET请求中，不能使用@RequestBody。因为往GET请求里加body是不符合规范的，不保证所有的实现都支持，所以在ajax 里注意请求方式如果用 get 后端参数不能用 @RequestBody 来接收它。（所以本人在 ajax ,或者什么表单，一般爱好用post,既安全，又能解决中文乱码问题） 2、在POST请求，可以使用@RequestBody和@RequestParam，但是如果使用@Req
@RequestBody jq的Ajax写法与vue的封装请求写法
翎墨袅
05-03 1815
$.ajax({ url : ', //传输地址 type : "post", //方式 data: JSON.stringify({"newpassword":$("#paww").val()}),//newpassword为AppCodeApiParam里一参数名 ...
后台@RequestParam接收参数，js中ajax怎么传参
热门推荐
林海静的博客
03-07 2万+
注意：传的参数类型必须和后台定义的参数类型一致，否则会报400错误。 type=post : post提交 type=get: get提交 get和post提交的区别：get请求的参数会和url拼接起来，当参数较多时，会导致url过长。 所以：当参数较多时，适合post提交；参数少时适合get提交，但get提交会引起汉字乱码； 注意前后台的type一致。 (也可以直接将参数以？&a...
@RequestBody ajax 415 400
weixin_30383279的博客
03-19 106
使用springmvc和Ajax进行数据交互时使用标签@RequestBody时我报了这两个错，刚开始对springmvc的使用和注解有点迷，然后踩坑上了。 　　先说下怎么才会踩上去。首先@RequestBody在一个Controller的一个方法中只能用一次，所以如果你使用了两次意图在一个方法中封装两个实体，那你铁定时解决不了的. 　　原因：1.request.getInputStream(...
Spring2.5MVC--基于注解的附件上传
hanqunfeng的专栏
03-02 374
Spring支持web应用中的分段文件上传。这种支持是由即插即用的MultipartResolver来实现。   在Spring2.0时，Spring提供了两种现成的MultipartResolver 1.Commons FileUpload(http://jakarta.apache.org/commons/fileupload) 2. COS FileUpload(http://www...
JAVA前后端分离传参方式归纳 ajax+@RequestBOdy
菜鸟日记
03-06 2683
前后端分离模式中，参数的传递往往会涉及到@RequestBody注解、content-type请求方式、接收对象类型、请求参数格式等，稍有不慎便会出现一些意料之外的问题，故而鄙人做了一些测试和归纳，欢迎批评指正。 @RequestBody 1.@requestBody不处理content-type=application/x-www-form-urlcoded的请求，一般用来处理content-t...
SpringMVC —— @RequestParam接收ajax请求数据异常
简简单单记录
05-29 668
1. 问题描述 使用$.ajax传json数据时，发现后端一直提示没有收到参数，最终通过修改contentType（发送数据类型）使得后端接收数据正常。 2.代码 后端代码：使用@RequestParam接收参数 @RequestMapping(value = "/login",method = RequestMethod.POST) public String login(@RequestParam(value = "account",required = false) String accoun
ajax 什么数据格式才能被@RequestBody接收
06-13
<a href="#">链接5</a> </div> <!-- 主内容区 --> <div class="main-content"> <h1><img src="https://via.placeholder.com/150x50" alt="我的网站"></h1> <div@RequestBody 注解用于读取 HTTP 请求正文并将其绑定到方法参数上。默认情况下，SpringM class="search-box"> <input type="text" placeholder="搜索..."> <button type="submit">搜索</button> VC 会使用 HttpMessageConverter 将请求的主体部分转换为方法参数所需的对象类型。 在实际应 </div> <div class="scroll-box"> <h2>滚动内容框</h2> <p>这用中，@RequestBody 可以接收多种数据格式，包括： 1. JSON 格式数据：可以使用 Jackson 库将里是网站内容的主要部分。</p> <p>这里是网站内容的主要部分。</ JSON 数据转换为 Java 对象，例如： ```java @PostMapping("/example") @ResponseBody public ExampleResult example(@RequestBody ExampleData datap> <p>这里是网站内容的主要部分。</p> <p>这里是网站) { // ... } ``` 2. XML 格式数据：可以使用 JAXB 库将 XML 数据转换为 Java 对象，内容的主要部分。</p> <p>这里是网站内容的主要部分。</p> <例如： ```java @PostMapping("/example") @ResponseBody public ExampleResult example(@RequestBody ExampleData data) { // ... } ``` p>这里是网站内容的主要部分。</p> <p>这里是网站内容的主要3. 文本格式数据：可以直接将 HTTP 请求正文绑定到 String 类型的方法参数上，例如： ```部分。</p> <p>这里是网站内容的主要部分。</p> <p>这里java @PostMapping("/example") @ResponseBody public ExampleResult example(@RequestBody String data) { // ... } ``` 需要注意的是是网站内容的主要部分。</p> <p>这里是网站内容的主要部分。</p，使用 @RequestBody 注解时需要保证请求的 Content-Type 与支持的数据格式相匹配，否则会导> </div> </div> <!-- 版底 --> <div class="footer"> <p>版权所有致 HTTP 415 错误。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值