首页 > 编程语言 > SpringMVC Controller解析ajax参数过程详解
2020
10-08

SpringMVC Controller解析ajax参数过程详解

在使用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

但是,如果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

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

编程技巧