SpringMvc+ajax 實現json格式數據傳遞

轉載自http://www.cnblogs.com/andyfengzp/p/6184752.html

傳JSON對象

前端

function test () {
    var param = {username : "yitop"};

    $.ajax({
        timeout : 20000,
        type : "POST",
        dataType : "JSON",
        url : "/user/userRole.htm",
        data : param,
        success : function(data){
            alert(data);
        }
        //注意：這裏不能加下面這行，否則數據會傳不到後臺
        //contentType:'application/json;charset=UTF-8',
    });
}

後端

Controller:

@RequestMapping(value = "userRole", method = RequestMethod.POST)
@ResponseBody
public List<Role> selectRoles(String username) throws WebTransException {
    
    /* 邏輯代碼 */

}

傳JSON字符串+@RequestBody接收

前端

function icheckDelete(url){
    var parms = {
        list : array //這是個數組
    };

    $.ajax({
        dataType: "JSON",
        contentType:'application/json;charset=UTF-8',//關鍵是要加上這行
        traditional:true,//這使json格式的字符不會被轉碼
        data: JSON.stringify(parms),
        type: "DELETE", 
        timeout: 20000,
        url: url,
        success : function () {
            alert("刪除成功！");
        },
        error : function (data){
            alert(data.responseText);
        }
    });
    
}

後端

Controller:

@RequestMapping(value = "deleteList", method = RequestMethod.DELETE)
@ResponseBody
public String delete(@RequestBody DeleteListRequest request) throws WebTransException{

    /* 邏輯代碼 */

    return "success";
}

DeleteListRequest:

/**
 * @author fengzp
 * @date 16/12/15下午6:08
 * @email [e-mail]
 * @company 廣州易站通計算機科技有限公司
 */
public class DeleteListRequest {
    List<Map<String, String>> list = new ArrayList<>();
    public DeleteListRequest() {
    }
    public List<Map<String, String>> getList() {
        return list;
    }
    public void setList(List<Map<String, String>> list) {
        this.list = list;
    }
}