jquery的ajax提交后,会跳转页面

时间:2023-03-09 04:30:20
jquery的ajax提交后,会跳转页面

今天在写代码的时候,遇到一个很奇怪的问题,一个form表单,用的是ajax的方式提交。结果,在服务器端php中,使用exit(),函数后都不能停止,并且继续跳转到本页。请求如下:

jquery的ajax提交后,会跳转页面

第一个请求中,其实我已经停止了代码,但程序并没有执行到,但返回的也是200状态码。

虽然,请求返回的是200,但查看reponse时,却发现是空的。

jquery的ajax提交后,会跳转页面

后来经过排查发现,原来是前端写的页面已经在input控件上,写好了type="submit"(都怪自己粗心,居然没看看),然后真相大白了。原因是,提交按钮绑定了,ajax提交的同时,又执行了form表单请求。而from表单请求,本身又会刷新页面。

从这里可以简单看出,js会先执行用户绑定的事件,然后再去执行form表单提交。奇怪的是为什么第一个请求都能返回200了,却不能正常执行服务器端的代码呢?