ajax表单序列化提交前后台

前台

$("#addBtn").click(function () {
    $.ajax({
        type:'post',
        dataType:'json',
        url:'/save',
        /*contentType:'application/json,charset=utf-8"',*/
        data:$("#addForm").serializeArray(),
        success:function (data) {
            if(data.isSuccess){
                window.location.href='/page';
            }
        },
        error:function(){
            alert(data.msg);
        }
    })
});

后台

@RequestMapping("/save")
@ResponseBody
public ResponseEntity add (HttpServletRequest request,User user){
    try {
        userService.save(user);
    } catch (Exception e) {
        logger.error("e",e);
        return ResponseEntity.fail("500","保存失败");
    }

    return ResponseEntity.ok("");
}

JSON.stringify()【从一个对象中解析出字符串】

var data={name:'goatling'}

JSON.stringify(data)

结果是:

'{"name":"goatling"}'

配合contentTyp:'application/json,charset=utf-8'向后台发送请求,这个是告诉后台,前台传过来的是json字符串

猜你喜欢

转载自blog.csdn.net/sdzhangshulong/article/details/79215971