手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

ajax提交如何跳转新页面

时间:2024-10-13 09:57:08

1、为了方便使用ajax,我们可以先引入jquery,使用jquery的ajax方法会方便很多的。

ajax提交如何跳转新页面

2、然后在脚本里添加一个调用ajax的方法。

ajax提交如何跳转新页面

3、使用常规的ajax调用参数就行了。

ajax提交如何跳转新页面

4、但如果你说在调用ajax方法后面,添加location.href方法来跳转到新的页面,这是有问题的,有可能会中断ajax的提交,ajax还没提交完,就跳转到新页面,会中断的。

ajax提交如何跳转新页面

5、我们应该在ajax里添加一个回调方法,success回调。

ajax提交如何跳转新页面

6、在success方法里,调用location.href就行了。

ajax提交如何跳转新页面

7、这样我们在页面测试时,在ajax提交完后,回调回来时,也就是有响应回来时,页面就会跳转到新的页面了。

ajax提交如何跳转新页面
© 手抄报圈