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;
   }
相关推荐
kyriewen20 分钟前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
matlabgoodboy20 分钟前
计算机毕设代做|Java Python Matlab APP 全套开发设计
java·python·课程设计
IT_陈寒27 分钟前
我又被JavaScript的隐式类型转换坑了
前端·人工智能·后端
其美杰布-富贵-李1 小时前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
OpenTiny社区1 小时前
GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强!
前端·ai编程
用户938515635071 小时前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js
他们叫我秃子1 小时前
前端开发转 Go 全栈(五):终于遇到熟人了,Go 的闭包和高阶函数原来这么像 JavaScript
前端·后端·go
用户61595868000221 小时前
从 0 写一个迷你 wujie:用原生 Web API 实现微前端
前端
妙码生花1 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(五十七):AI时代对组件封装的新理解、agInput 统一入口,动态表单预备
前端·后端·go
fairyly1 小时前
接手新项目不用硬啃源码,我的 TRAE Work 快速上手实战工作流
前端·ai编程·trae