SpringMVC Controller如何详细解析AJAX参数步骤解析?

2026-05-24 10:491阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计700个文字,预计阅读时间需要3分钟。

SpringMVC Controller如何详细解析AJAX参数步骤解析?

在发送Ajax请求时,若JSON数据的参数是一个对象的不同属性,可在Controller类的对应方法中使用@RequestBody+Object obj直接封装进obj对象中,例如:前端部分代码+JavaScript脚本语言。

在使用ajax发送请求时,如果发送的JSON数据的参数是一个类中的不同属性,在Controller类的方法中使用@RequestBody Object obj会直接封装进obj对象中

例如:

前端部分代码

JavaScript

<script language="JavaScript"> function login(){ var user_name = $("#user_name").val(); //用户名 var user_password = $("#user_password").val; //用户密码 $.ajax({ url:"<%=path%>/User/Login", type:"POST", async: false, contentType:"application/json;charset=UTF-8", dataType:'json', data:JSON.stringify({"user_name":user_name,"user_password":user_password}), //将JSON对象转为字符串 success:function(data){ } }); } </script>

form表单

<form> <div class="form-group"> <label for="user_name" stype="display:inline;">用户名:</label> <input id="user_name" type="text" class="form-control" style="display:inline;" autocomplete="off" /> </div> <div class="form-group"> <label for="user_password" style="display:inline;">用户密码:</label> <input id="user_password" type="text" class="form-control" style="display:inline;" autocomplete="off" /> </div> <div class="col"> <div class="col-md-4" style="text-align: right;"> <button type="submit" class="btn btn-success" onclick="login()">登录</button> </div> </div> </form>

此时前端向后端传入JSON数据

User类部分代码

public class User implements Serializable { private Integer user_name; //用户名 private String user_password; //用户密码 ...... }

Controller部分代码

@Controller @RequestMapping("/User") public class UserController { @RequestMapping(value = "/Login",method = {RequestMethod.POST}) public @ResponseBody Boolean Login(@RequestBody User user) { //此时user.getUser_name()就是前端的user_name //user.getUser_password()就是前端的user_password //根据输入的用户名及用户密码和数据库对比判断是否登录成功,并返回一个布尔值告诉前端 ······ return true/false; }

如果此时ajax提交的JSON数据为

data:JSON.stringify({"user_name":admin,"user_password":123)

在Controller内加入输出语句

public @ResponseBody Boolean Login(@RequestBody User user) { System.out.println(user.getUser_name()); System.out.println(user.getUser_password()); ······ return true/false; }

输出的结果为

admin
123

SpringMVC Controller如何详细解析AJAX参数步骤解析?

但是,如果ajax发送的请求体中的参数并不是同一个类的不同属性,应该如何处理呢?

例如:

form表单中增加了一项验证码:verifycode。此时,假如ajax提交的JSON数据为

data:JSON.stringify({"user_name":admin,"user_password":123,"verifycode":666})

但是verifycode并不是User类中的属性,不能由@RequestBody User user中的user接收

如果采用@RequestBody String body接收,输出的将是JSON字符串

@RequestMapping(value = "/Login",method = {RequestMethod.POST}) public @ResponseBody Boolean Login(@RequestBody String body) { //此时body是整个请求体的内容 System.out.println(body); //······ }

输出的结果为

{"user_name":admin,"user_password":123,"verifycode":666}

但我们想拿到每个参数的对应值,此时可以采用Map<String,String> map接收

@RequestMapping(value = "/Login",method = {RequestMethod.POST}) public @ResponseBody Boolean Login(@RequestBody Map<String,String> map) { //此时map.get("user_name")就是前端的user_name System.out.println(map.get("user_name")); //map.get("user_password")就是前端的user_password System.out.println(map.get("user_password")); //map.get("verifycode")就是前端的verifycode System.out.println(map.get("verifycode")); ······ }

输出的结果为

admin
123
666

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

本文共计700个文字,预计阅读时间需要3分钟。

SpringMVC Controller如何详细解析AJAX参数步骤解析?

在发送Ajax请求时,若JSON数据的参数是一个对象的不同属性,可在Controller类的对应方法中使用@RequestBody+Object obj直接封装进obj对象中,例如:前端部分代码+JavaScript脚本语言。

在使用ajax发送请求时,如果发送的JSON数据的参数是一个类中的不同属性,在Controller类的方法中使用@RequestBody Object obj会直接封装进obj对象中

例如:

前端部分代码

JavaScript

<script language="JavaScript"> function login(){ var user_name = $("#user_name").val(); //用户名 var user_password = $("#user_password").val; //用户密码 $.ajax({ url:"<%=path%>/User/Login", type:"POST", async: false, contentType:"application/json;charset=UTF-8", dataType:'json', data:JSON.stringify({"user_name":user_name,"user_password":user_password}), //将JSON对象转为字符串 success:function(data){ } }); } </script>

form表单

<form> <div class="form-group"> <label for="user_name" stype="display:inline;">用户名:</label> <input id="user_name" type="text" class="form-control" style="display:inline;" autocomplete="off" /> </div> <div class="form-group"> <label for="user_password" style="display:inline;">用户密码:</label> <input id="user_password" type="text" class="form-control" style="display:inline;" autocomplete="off" /> </div> <div class="col"> <div class="col-md-4" style="text-align: right;"> <button type="submit" class="btn btn-success" onclick="login()">登录</button> </div> </div> </form>

此时前端向后端传入JSON数据

User类部分代码

public class User implements Serializable { private Integer user_name; //用户名 private String user_password; //用户密码 ...... }

Controller部分代码

@Controller @RequestMapping("/User") public class UserController { @RequestMapping(value = "/Login",method = {RequestMethod.POST}) public @ResponseBody Boolean Login(@RequestBody User user) { //此时user.getUser_name()就是前端的user_name //user.getUser_password()就是前端的user_password //根据输入的用户名及用户密码和数据库对比判断是否登录成功,并返回一个布尔值告诉前端 ······ return true/false; }

如果此时ajax提交的JSON数据为

data:JSON.stringify({"user_name":admin,"user_password":123)

在Controller内加入输出语句

public @ResponseBody Boolean Login(@RequestBody User user) { System.out.println(user.getUser_name()); System.out.println(user.getUser_password()); ······ return true/false; }

输出的结果为

admin
123

SpringMVC Controller如何详细解析AJAX参数步骤解析?

但是,如果ajax发送的请求体中的参数并不是同一个类的不同属性,应该如何处理呢?

例如:

form表单中增加了一项验证码:verifycode。此时,假如ajax提交的JSON数据为

data:JSON.stringify({"user_name":admin,"user_password":123,"verifycode":666})

但是verifycode并不是User类中的属性,不能由@RequestBody User user中的user接收

如果采用@RequestBody String body接收,输出的将是JSON字符串

@RequestMapping(value = "/Login",method = {RequestMethod.POST}) public @ResponseBody Boolean Login(@RequestBody String body) { //此时body是整个请求体的内容 System.out.println(body); //······ }

输出的结果为

{"user_name":admin,"user_password":123,"verifycode":666}

但我们想拿到每个参数的对应值,此时可以采用Map<String,String> map接收

@RequestMapping(value = "/Login",method = {RequestMethod.POST}) public @ResponseBody Boolean Login(@RequestBody Map<String,String> map) { //此时map.get("user_name")就是前端的user_name System.out.println(map.get("user_name")); //map.get("user_password")就是前端的user_password System.out.println(map.get("user_password")); //map.get("verifycode")就是前端的verifycode System.out.println(map.get("verifycode")); ······ }

输出的结果为

admin
123
666

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。