快捷導(dǎo)航

SpringMVC Controller解析ajax參數(shù)過程詳解

更新時(shí)間：2020年07月17日 12:00:59 作者：HuskySir

這篇文章主要介紹了SpringMVC Controller解析ajax參數(shù)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

在使用ajax發(fā)送請求時(shí)，如果發(fā)送的JSON數(shù)據(jù)的參數(shù)是一個(gè)類中的不同屬性，在Controller類的方法中使用@RequestBody Object obj會直接封裝進(jìn)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對象轉(zhuǎn)為字符串
      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>

此時(shí)前端向后端傳入JSON數(shù)據(jù)

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) {
    //此時(shí)user.getUser_name()就是前端的user_name
    //user.getUser_password()就是前端的user_password
    //根據(jù)輸入的用戶名及用戶密碼和數(shù)據(jù)庫對比判斷是否登錄成功，并返回一個(gè)布爾值告訴前端
    ······
    return true/false;
  }

如果此時(shí)ajax提交的JSON數(shù)據(jù)為

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

在Controller內(nèi)加入輸出語句

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

輸出的結(jié)果為

admin
123

但是，如果ajax發(fā)送的請求體中的參數(shù)并不是同一個(gè)類的不同屬性，應(yīng)該如何處理呢？

例如：

form表單中增加了一項(xiàng)驗(yàn)證碼：verifycode。此時(shí)，假如ajax提交的JSON數(shù)據(jù)為

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) {
    //此時(shí)body是整個(gè)請求體的內(nèi)容
    System.out.println(body);
    //······
  }

輸出的結(jié)果為

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

但我們想拿到每個(gè)參數(shù)的對應(yīng)值，此時(shí)可以采用Map<String,String> map接收

@RequestMapping(value = "/Login",method = {RequestMethod.POST})
  public @ResponseBody Boolean Login(@RequestBody Map<String,String> map) {
    //此時(shí)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"));
    ······
  }

輸出的結(jié)果為