springmvc ajax傳遞對象至controller的方法

前言

最近在寫一個項目,基於springmvc+spring+mybatis,其中涉及用ajax向controller發送數據的功能。由於不想使用spring的form標籤,因此想看看有沒有方法將ajax中的json數據直接轉化爲controller方法中的對象接收並處理。如下將逐漸介紹各類不一樣狀況下傳遞json數據並封裝的方法javascript

基礎類型

若是傳遞的json數據爲基礎類型(Int,String等)的話,則只須要用@RequestParam標註方法中的參數就好了。
ajax代碼java

$.ajax({
    url : "someurl",
    type : "POST",
    dataType : "JSON",
    data : {"name":"test", "password":"testpassword"},    
    success : function (data) {
       console.log(data)
    }
})

java代碼面試

@RequestMapping("someurl")
public @ResponseBody SomeData basicType(@RequestParam String name, @RequestParam String password){
    //具體方法
}

在這裏@ResponseBody說明返回的是一個對象。@RequestParam的用法還不少,具體能夠去參考springmvc的文檔ajax

簡單的對象類型

簡單的對象類型是指,在對象中不包含複雜的數據結構相似於list,map等。在這裏可使用標籤@ModelAttribute來直接將JSON數據封裝成對象。
假設咱們有一個用戶對象,用戶的屬性包括name,agespring

public class User{
    private String name;
    private int age;
    //getters and setters
}

ajax傳輸的數據以下json

$.ajax({
        url : "someurl",
        type : "POST",
        dataType : "JSON",
        data : {
            'name : 'test',
            'age' : 10
        },
        success : function (data) {
            console.log(data)
        }
    })

controller中的代碼以下數組

@RequestMapping("someurl")
    public @ResponseBody SomeData objects(@ModelAttribute User user){
    //具體方法
    }
springmvc 暫時不支持接收並生成多個modelAttribute

數組類型

有些狀況下,可能須要傳遞一組相同類型的數據,好比添加一組用戶的信息。這是能夠經過ajax傳遞一個數組給controller方法。具體狀況能夠參考這個回答
這個回答給的很是的詳細具體,須要補充的是,接收端的數據結構不管是List<T>或是T[]均可以成功得到數組數據。spring-mvc

複雜的對象

可是上面的方法有一個問題,就是隻能接收純數組數據。假設一個對象,好比用戶,該用戶下的屬性除了包含name(名稱),age(年齡)以外,還有一個聯繫方式屬性contacts(List<String>),如何才能將既包含基本類型又包含數組類型的JSON數據直接封裝成對象呢?這裏就須要標籤@RequestBody
ajax代碼以下,須要注意的是,這裏須要用JSON.stringfy()方法將json數據轉化成字符流,添加至requestbody中。且在ajax方法中必須指明contentTypedataType屬性。微信

public class User{
    private String name;
    private int age;
    private List<String> contacts;
    //或是 private String[] contacts;
    //getters and setters
}
$.ajax({
    var user = {
        'name' : 'test',
        'age ' : 10,
        'contacts' : ['12313','123213123']
    }
    url : "someurl",
    type : "POST",
    dataType : "JSON",
    contentType:"application/json",
    data : JSON.stringify(user),
    success : function (data) {
        console.log(data)
    }
})

java代碼以下數據結構

@RequestMapping("someurl")
    public @ResponseBody SomeData complicateObject(@RequestBody User user){
        //方法詳情
    }

clipboard.png
想要了解更多開發技術,面試教程以及互聯網公司內推,歡迎關注個人微信公衆號!將會不按期的發放福利哦~

相關文章
相關標籤/搜索