JavaWeb中前端Ajax提交第一次失败，页面不跳转，之后都成功的解决方法

一. 问题

我们使用Ajax进行表单请求的时候，提交表单的按钮是submit类型，但是我们在前端使用Ajax请求的时候，第一次会发生不访问success方法，直接访问的是error方法
1.1 Ajax代码

1.2 前端表单填写

1.3 跳转失败页面

我们提交表单之后页面不会跳转到正确的页面，而是执行ajax里的error方法，会导致无法跳转.

二. 解决方法

在Ajax提交请求外添加歌return false，如Ajax代码图里面添加return false的位置

三. 原因

在表单中的button默认类型是submit，如果你触发ajax请求的是button，而你的button又在表单中，那么在你发送请求后，在执行success回调方法之前会提交表单，而提交表单和Ajax的区别在于，Ajax会刷新局部页面，而表单会刷新整个页面，点击按钮后会提交表单，这时候你的界面就不是你之前的界面了，所以我们要让他发完请求后不要提交表单，也就是用return false终止，等到Ajax请求完毕之后再次跳转到其他页面。