转:POST 400 Bad Request The request sent by the client was syntactically incorrect

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

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

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

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

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

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

 

解决方法:

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

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

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;
	  }
posted @ 2017-10-16 21:34  黑夜不再来  阅读(292)  评论(0编辑  收藏  举报