POST 400 Bad Request The request sent by the client was synt

最近在做Web开发的时候,使用$.post提交数据,但是回调函数却没有被触发,按F12看控制台输出是:POST *** 400 Bad Request

后台是SpringMVC的,设置了断点也不会被触发。

后来查看JQuery资料了解到,$.post提交数据只有成功时才触发回调函数,于是改用$.ajax提交数据,添加error回调函数,得到错误信息了,如下图:

POST 400 Bad Request The request sent by the client was synt

这个问题是什么原因造成的呢?

后来经过测试发现,是表单提交的内容数据类型与实体的(也就是数据表字段)的数据类型不匹配导致的。

在提交表单之前应该对用户输入的内容做验证,后台直接做映射了,没有做内容验证的机会。

2016-05-26更新

解决方法:

上面只是描述了问题产生的原因,而并没有给出解决的方法,很多小伙伴其实看到原因就已经想到解决方法了。

那有些小伙伴可能刚接触,还搞不清状况,我就再说一下解决的步骤:

1、改用$.ajax提交数据,添加error回调函数(其实在开发中严格来说是不允许使用$.post的,因为失去了错误处理的功能);

类似代码如下,具体请参考JQurey参考手册:

 

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   },
    error: function(XMLHttpRequest){
     alert( "Error: " + XMLHttpRequest.responseText);
   }
});
这样你就可以通过 XMLHttpRequest.responseText 或XMLHttpRequest.responseHTML 了解到后端代码到底发生了什么错误。

 

2、不要把生成实体的工作交给MVC框架来完成

你的产生问题的代码,我猜测可能类似如下:

 

	/** 
	 * 添加用户.
	 **/
	@RequestMapping("/adduser.do")
	@ResponseBody
	public void adduser(HttpServletRequest request, HttpServletResponse response, User user) throws Exception {
		this.userManager.saveOrUpdate(user);
	}
这样做就导致上面说过的问题:后台直接做映射了,没有做内容验证的机会;明明一个字段要求数字,结果用户输入了字母或汉字。

 

正确的方法类似如下:

 

	/** 
	 * 添加用户.
	 **/
	@RequestMapping("/adduser.do")
	@ResponseBody
	public void adduser(HttpServletRequest request, HttpServletResponse response) throws Exception {
		//将形参 user 拿到函数内部定义创建
		User user = new User();
		//这里对用户的年龄就要进行判断,具体规则你自己定义,我只是举个例子
		Integer age = getInteger("age");
		if (age != null){
			uset.SetAge(age);
		}
		this.userManager.saveOrUpdate(user);
	}
	
	protected Integer getInteger(String name) {
		String str = this.request.getParameter(name);
		if (StringUtils.isNotBlank(str)) {
		  return Integer.valueOf(str);
		}
		return null;
	  }

你的问题解决了吗?

没有?

看下面这个案例:

SpringBoot 项目 ajax post 出现 400 Bad Request 错误 后台调试不进断点的解决方法

 

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net

上一篇:JavaScript编码规范


下一篇:SAP Webclient UI和Fiori UI的混搭