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;
   }
相关推荐
老前端的功夫17 小时前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
@forever@17 小时前
【JAVA】LinkedList与链表
java·python·链表
LilySesy17 小时前
ABAP+WHERE字段长度不一致报错解决
java·前端·javascript·bug·sap·abap·alv
六件套是我17 小时前
redission实现延时队列
android·java·servlet
王元_SmallA18 小时前
Redis Desktop Manager(Redis可视化工具)安装
java·后端
ᐇ95918 小时前
Java HashMap深度解析:数据结构、原理与实战指南
java·开发语言·数据结构
好好研究18 小时前
Spring框架 - 开发方式
java·后端·spring
武子康18 小时前
Java-166 Neo4j 安装与最小闭环 | 10 分钟跑通 + 远程访问 Docker neo4j.conf
java·数据库·sql·docker·系统架构·nosql·neo4j
Wang's Blog18 小时前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js
再希19 小时前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui