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;
   }
相关推荐
朦胧之3 小时前
AI 编程-老项目改造篇
java·前端·后端
swipe6 小时前
从 0 到 1 实现大文件上传:分片、秒传、断点续传、暂停、重试与服务端合并
前端·javascript·面试
爱勇宝6 小时前
我做了一个只用来搜歌词的小 App
android·前端·后端
甲维斯6 小时前
用AI还原《坦克大战》并3D化升级!
前端·人工智能·游戏开发
IT_陈寒7 小时前
SpringBoot自动配置坑了我一晚上,原来问题出在这
前端·人工智能·后端
kyriewen8 小时前
AI 生成的代码能跑就行?这 5 个坑迟早炸
前端·javascript·ai编程
程序猿大帅8 小时前
别再只当调包侠了:用 Spring AI 落地 Function Calling,我被大模型硬生生砸出了三个大坑
java
谷子在生长8 小时前
纯血鸿蒙自定义弹窗最佳实践:从「到处复制」到「一行调用」
前端·harmonyos
壹方秘境8 小时前
我用Go语言开发了一个跨平台的HTTPS抓包和调试工具
前端·后端·ios
神秘面具男8 小时前
HarmonyOS 6.0跨端远程控制
前端·后端