一. 问题
我们使用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请求完毕之后再次跳转到其他页面。