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字符串类型

转载于:https://www.cnblogs.com/weiikun/p/11041210.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值