JAVA运用中springBoot获取前端ajax提交参数方式汇总

本篇文章主要讲解springboot获取前端提交的参数信息,后端进行接受的常见方法汇总,通过本篇文章你可以快速掌握对表单和连接参数获取的能力。

作者:任聪聪

日期:2024年10月5日

一、delete、get等url参数获取方式

前台提交:

java 复制代码
举例:/xxxx?stype=3&phone=123231

后台接收:

java 复制代码
    @GetMapping("/xxxx")
    public ModelAndView xxxx(ModelAndView model, @RequestParam(name = "phone", required = false) String phone, @RequestParam(name = "stype", required = false) Integer stype){
		//赋值接受到的参数
        model.addObject("stype",stype);
        model.addObject("phone",phone);
		//末班路径
        model.setViewName(MODULE_PATH+"xxxx");
        return model;
    }

实际效果:

链接参数:

效果:

二、post、put等表单请求参数获取方式

前台提交方式一 对象形式:

java 复制代码
//js或vue中提交表单对象 后端通过实体类进行接受
$.post("/xxxx", data.field, function (result) {   })

后台获取方式一 使用注解及实体类:

java 复制代码
//方式一、单独接收不使用实体类
@PostMapping("/xxxx")
public String xxxx(@RequestParam String xxxx){
	return xxxx;
}

//方式二使用实体类
@PostMapping("/xxxx")
public Result xxxx(XxPojo xxxx){
	//使用自定义的返回实体返回这个参数信息 需要自己定义result
	return Result.success("打印数据",xxxx);
}

前台提交方式二 json形式:

java 复制代码
$.post("/xxxx", JSON.stringify(data.field), function (result) {   })

后台获取方式二 使用map:

java 复制代码
    //后台接受请求
    @PostMapping("/xxx_req")
    public Result xxx_req(@RequestBody Map<String, Object> formData){
		//接受map数据或判空map数据封装一个map工具类进行获取map数据
		    String key = formData.get("key");
		//通过自定义返回类打印数据
        return Result.success("接收到的参数信息~",formData);
    }

三、获取path参数

路径类型如下

java 复制代码
/112
/arc/112

获取方式

java 复制代码
   @GetMapping("/{arcId}")
   public String getArcId(@PathVariable String arcId) {
        return arcId;
   }
相关推荐
程序员清风10 分钟前
程序员兼职必看:靠谱软件外包平台挑选指南与避坑清单!
java·后端·面试
cxxcode34 分钟前
Vite 热更新(HMR)原理详解
前端
HelloReader44 分钟前
Tauri 架构从“WebView + Rust”到完整工具链与生态
前端
Bigger1 小时前
告别版本焦虑:如何为 Hugo 项目定制专属构建环境
前端·架构·go
皮皮林5511 小时前
利用闲置 Mac 从零部署 OpenClaw 教程 !
java
代码匠心3 小时前
AI 自动编程:一句话设计高颜值博客
前端·ai·ai编程·claude
_AaronWong4 小时前
Electron 实现仿豆包划词取词功能:从 AI 生成到落地踩坑记
前端·javascript·vue.js
cxxcode4 小时前
I/O 多路复用:从浏览器到 Linux 内核
前端
用户5433081441944 小时前
AI 时代,前端逆向的门槛已经低到离谱 — 以 Upwork 为例
前端
JarvanMo4 小时前
Flutter 版本的 material_ui 已经上架 pub.dev 啦!快来抢先体验吧。
前端