用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向后传就好了