我们在开发html页面时,有时会使用到ajax异步提交,但有时想在ajax提交后,跳转到新页面,该如何处理,其实很简单的,在返回数据时跳转就行了,下面我们来看一下。
方法/步骤
1
为了方便使用ajax,我们可以先引入jquery,使用jquery的ajax方法会方便很多的。
2
然后在脚本里添加一个调用ajax的方法。
3
使用常规的ajax调用参数就行了。
4
但如果你说在调用ajax方法后面,添加location.href方法来跳转到新的页面,这是有问题的,有可能会中断ajax的提交,ajax还没提交完,就跳转到新页面,会中断的。
5
我们应该在ajax里添加一个回调方法,success回调。
6
在success方法里,调用location.href就行了。
7
这样我们在页面测试时,在ajax提交完后,回调回来时,也就是有响应回来时,页面就会跳转到新的页面了。