目录

前后端数据交互小结

前后端数据交互小结

前端向后端传数据

前端一般向后端传递JSON字符串,后端拿到字符串后解析为实体对象。

代码片段如下:

postData: function() {
            $.ajax({

                type: 'POST',
                url: 'userregister/post',
                data: {
                    'user': JSON.stringify(vm.user)
                },
                dataType: 'json',
                success: function(r) {
                    if (r.code == 0) {
                        alert("上传成功");
                    }
                }
            });
        }

后端拿到字符串后解析

User user = JSON.parseObject(json, User.class);

后端向前端传数据

后端向前端传递的一般是JSON对象。

代码片段如下

$.getJSON("userregister/user", function(r){
                vm.user = r.user;
            });
@RequestMapping("userregister/user")
    @ResponseBody
    public Result userInfo() {
        System.out.println("进入info");
        User user = new User();
        user.setName("abc");
        user.setAddress("dddd");
        Result result = new Result();
        result.put("user", user);
        return result;
    }

其中Result类继承HashMap