SSM 前台AJax传递参数和controller后台接收的方法

最新推荐文章于 2023-02-09 10:25:44 发布

zz--1111

最新推荐文章于 2023-02-09 10:25:44 发布

阅读量2.7k

点赞数 6

分类专栏：前端 SSM 文章标签： ajax java

本文链接：https://blog.youkuaiyun.com/weixin_48438454/article/details/120123864

版权

SSM 同时被 2 个专栏收录

11 篇文章

订阅专栏

前端

4 篇文章

订阅专栏

本文详细介绍了前端与后台交互的四种常见方式：1) 使用`data`属性传递参数到后台，需要注意去除多余的XX=；2) URL路径参数通过`@PathVariable`接收；3) 表单提交时序列化表格数据，后台使用多个`RequestParam`接收；4) 页面间跳转携带参数，后台通过`hash`获取。对于每种方法，都提供了相应的后台处理示例，强调了参数接收的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台传，后台接收

1. 前台用data传递多个参数，后台用@RequestParam(value = "xx")接收
- 有坑：前台data传递参数的时候不需要加 "XX="
2. 直接在url后 +XX，后台用@PathVariable("XX")接收
3. 表单点击事件：前台用data:序列化表格，后台用n个RequestParam("XX")，给每一个input接收
4. 前台页面A带参数跳转页面B，页面B根据hash获取

1. 前台用data传递多个参数，后台用@RequestParam(value = “xx”)接收

在这里插入图片描述
后台用 @RequestParam(value = “xx”)接收，防止出现传过来是空的情况会出现问题，最好是用defaultValue默认一下

有坑：前台data传递参数的时候不需要加 “XX=”

直接nickname:nickname就行了
在这里插入图片描述
不然的话后台接收会有问题
打印出来的nickname是nickname="abc"，把nickname=也带过来了，而不是单纯abc
所以如果用这个方法的话要截取=号后面的

//截取“=”号后面的
  int beginIndex1 = nickname.indexOf("=")+1;
  nickname = nickname.substring(beginIndex1);
  int beginIndex2 = pwd.indexOf("=")+1;
  pwd = pwd.substring(beginIndex2);

2. 直接在url后 +XX，后台用@PathVariable(“XX”)接收

在这里插入图片描述
后台的路径也要对应{XX}，接收用@PathVariable(“XX”)

3. 表单点击事件：前台用data:序列化表格，后台用n个RequestParam(“XX”)，给每一个input接收

在这里插入图片描述

一个一个对应接收
在这里插入图片描述

4. 前台页面A带参数跳转页面B，页面B根据hash获取

href=“页面B#XX”
在这里插入图片描述

<a href="detail.html#${data[i].gno}">

let gno = location.hash.replace("#", "");	//替换'#' -> ''