Spring MVC ajax提交方式

使用jquery的ajax的方式来提交

第一种,以json对象的形式提交

JS代码

var jsonData = {
    "name" : "zhangsan",
    "sex" : "boy"
};

$.ajax({
    type : "POST",
    url : "test_post1",
    data : jsonData,//
    success : function(data) {
        alert(data);
    }
});

如果请求返回的数据是json格式,则有属性:dataType : 'json'

后端代码

@RequestMapping(value = "/test_post1", method = RequestMethod.POST)
@ResponseBody
public ResultDTO test_post1(HttpServletRequest request, User user)
{
    ResultDTO result = new ResultDTO();
    return result;
}

使用@ResponseBody的方式,Response里返回的是对应格式的json字符串

第二种,以json字符串的形式提交

JS代码

var jsonData = {
    "name" : "zhangsan",
    "sex" : "boy"
};

$.ajax({
    type : "POST",
    url : "test_post2",
    data : JSON.stringify(jsonData),
    contentType : 'application/json',
    success : function(data) {
        alert(data);
    }
});

后端代码

@RequestMapping(value = "/test_post2", method = RequestMethod.POST)
@ResponseBody
public ResultDTO test_post2(HttpServletRequest request, @RequestBody JSONObject jsonObject)
{
    ResultDTO result = new ResultDTO();
    return result;
}

使用jquery的post的方式来提交

var jsonData = {
    "name" : "zhangsan",
    "sex" : "boy"
};

$.post("test_post3", jsonData, function(data) {
    alert(data);
});
@RequestMapping(value = "/test_post3", method = RequestMethod.POST)
@ResponseBody
public ResultDTO test_post3(HttpServletRequest request, User user)
{
    ResultDTO result = new ResultDTO();
    return result;
}

备注

如果请求返回的数据是json格式,则使用以下的写法来请求数据:

$.post("test_post3", jsonData, function(data) {
    alert(data);
}, 'json');

使用jquery的ajax的方式来提交

posted @ 2016-01-18 18:09  风真天  阅读(293)  评论(0编辑  收藏  举报