@RequestBody的用法

用ajax向接口传输数据时400 bad request

下面是ajax代码:

 $("button[name='sub']").click(function () {        
            var veryfiy=true;
            var code = "code";
            var attend= {}
            if(veryfiy){
                //ajax提交表单
                $.ajax({
                    type:"POST",
                    url:"/attend/sign",
                    data:{}            
                    success:function (data) {
                        if(data=="succ"){
                            alert("成功!")
                            window.location.href="/user/home";
                        }else{
                            alert("出错了!");
                            window.location.href="/user/home";
                        }
                    }
                });
            }
        });

后端接口代码:

 @RequestMapping("/sign")
    @ResponseBody
    public String signAttend( @RequestBody Attend attend,HttpServletRequest request) throws Exception {

        Attend attend1 = new Attend();
        HttpSession session=  request.getSession();
        User user= (User) session.getAttribute("userinfo");
        attend1.setUserId(user.getId());
        attendService.signAttend(attend1);
        return "succ";

    }

@RequestBody

作用:

1) 该注解用于读取Request请求的body部分数据,使用系统默认配置的HttpMessageConverter进行解析,然后把相应的数据绑定到要返回的对象上; 
2) 再把HttpMessageConverter返回的对象数据绑定到 controller中方法的参数上。

使用时机:

A) GET、POST方式提时, 根据request header Content-Type的值来判断:

application/x-www-form-urlencoded, 可选(即非必须,因为这种情况的数据@RequestParam, @ModelAttribute也可以处理,当然@RequestBody也能处理); 
multipart/form-data, 不能处理(即使用@RequestBody不能处理这种格式的数据); 
其他格式, 必须(其他格式包括application/json, application/xml等。这些格式的数据,必须使用@RequestBody来处理);

B) PUT方式提交时, 根据request header Content-Type的值来判断:

application/x-www-form-urlencoded, 必须;multipart/form-data, 不能处理;其他格式, 必须;

说明:request的body部分的数据编码格式由header部分的Content-Type指定;


修改后的ajax

  $("button[name='sub']").click(function () {
            alert("1");
            var veryfiy=true;
            var code = "code";
            var attend= {}
            if(veryfiy){
                //ajax提交表单
                $.ajax({
                    type:"POST",
                    url:"/attend/sign",
                    data:JSON.stringify(attend),
                    dataType:"text",
                    contentType:"application/json;charset=utf-8",
                    success:function (data) {
                        if(data=="succ"){
                            alert("成功!")
                            window.location.href="/user/home";
                        }else{
                            alert("出错了!");
                            window.location.href="/user/home";
                        }
                    }
                });
            }
        });

还有两个小地方 

一:

 dataType:"text" 是因为接口返回succ 所以ajax接收的应该为纯文本文档
 若dataType:"json"时虽然接口方法都执行成功 但是返回的是json对象 所以代码中的alert无法执行。

二:

当data为String 例如 var code = “code”时 用上述传向接口时会自动添加双引号 得注意

是因为把这个字符串当为json了

 data:JSON.stringify(attend)

直接把code传入

data:code向后传就好了


阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页