SpringMVC接收前台Ajax传送json数据

  • json.parse()用于将json字符串转换成JavaScript对象
  • Json.Stringify()将json对象转化成json字符串
  • 第一种方式是前端传 json对象
  1. //定义json对象
                var username = $("#username").val();
                var password = $("#password").val();
                var json = {
                    "username" : username,
                    "password" : password
                };
    
    // Jquery Ajax请求
    $.ajax({
                    url : "jsontest",
                    type : "POST",
                    async : true,
                    data : json,
                    dataType : 'json',
                    success : function(data) {
                        if (data.userstatus === "success") {
                            $("#errorMsg").remove();
                        } else {
                            if ($("#errorMsg").length <= 0) {
                                $("form[name=loginForm]").append(errorMsg);
                            }
                        }
                    }
                });

    则SpringMVC前端可以用@requestParam 接受    去掉注解也可以接收成功

  2.   @RequestMapping("/jsontest")
        public void test(@RequestParam(value="username",required=true) String username,
        @RequestParam(value="password",required=true) String password){
            System.out.println("username: " + username);
            System.out.println("password: " + password);
        }
    --------------------- 

    第二种是前端传入json字符串   注意此时  需要修改contentType : "application/json"   并且将数据转换成json字符串

  3. $.ajax({
                    url : "jsontest",
                    type : "POST",
                    async : true,
                    contentType : "application/json",
                    data : JSON.stringify(json),
                    dataType : 'json',
                    success : function(data) {
                        if (data.userstatus === "success") {
                            $("#errorMsg").remove();
                        } else {
                            if ($("#errorMsg").length <= 0) {
                                $("form[name=loginForm]").append(errorMsg);
                            }
                        }
                    }
                });
    --------------------- 

    后台采用@RequestBody   可以使用map接受   也可以使用pojo实体类接受

  4.  @RequestMapping("/jsontest")
        public void test(@RequestBody(required=true) Map<String,Object> map  ){
            String username = map.get("username").toString();
            String password = map.get("password").toString();
            System.out.println("username: " + username);
            System.out.println("password: " + password);
        }
    --------------------- 
    @RequestMapping("/jsontest")
        public void test(@RequestBody User user  ){
            String username = user.getUsername();
            String password = user.getPassword();
            System.out.println("username: " + username);
            System.out.println("password: " + password);
        }
    --------------------- 

    总结  前端Ajax默认使用json对象的形式上传数据   可以修改contenType  =“application/json” 上传json字符串类型

posted @ 2019-06-17 17:52  ikun~  阅读(4207)  评论(0编辑  收藏  举报