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

Posted kangjianrong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery的ajax提交后,会跳转页面相关的知识,希望对你有一定的参考价值。

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

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

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

 

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

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

 

以上是关于jquery的ajax提交后,会跳转页面的主要内容,如果未能解决你的问题,请参考以下文章

为啥使用了form表单之后页面会跳转,并且页面一片空白

写一个登录页面,用jQuery的ajax提交登录信息

ajax提交完表单数据依然跳转的解决办法

js / ajax 成功提交后怎么跳转到另外一个页面?

ajax执行成功后可以跳转到另一个页面吗

ajax执行成功后可以跳转到另一个页面吗?