Springboot+ajax前后端传参


记录一下Springboot前后端传参方式

基础环境:

  Idea2018.3.2

  maven3.6.1

  jsp

  js,ajax

  Springboot

代码:

  js:

  

$(document).ready(function() {

    //添加用户信息,点击事件
    $('#submit_btn').click(function() {

        var myDate = new Date();
        var obj={};
        obj.account=$("#account").val();
        obj.password=$("#password").val();
        obj.userName=$("#userName").val();
        obj.age=$("#age").val();
        obj.sex=$("#sex").val();

        var description = "";
        for(var i in obj){
            var property=obj[i];
            description+=i+" = "+property+"\n";
        }
        console.log(description);

        $.ajax({
            type: "POST",
            url: "/UserController/insertUserInfo",
            dataType: "json",
            data:JSON.stringify(obj),
            contentType : "application/json",
            success: function (data) {
                console.log(data)
            },
            error: function (e) {
                console.log(e)
            }
        })
    })
})

  Controller:

 @RequestMapping(value="/UserController/insertUserInfo",method = RequestMethod.POST)
    @ResponseBody
    public String insertUserInfo(@RequestBody(required=false) User user){
            System.out.println(user);
            user.setCreateTime(new Date());
            user.setLastChangeTime(new Date());
            userDao.saveUser(user);
            System.out.println(user.toString());

            return "chenggong";
    }

  页面截图:

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM