多语言展示
当前在线:1590今日阅读:60今日分享:41

ajax提交如何跳转新页面

我们在开发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提交完后,回调回来时,也就是有响应回来时,页面就会跳转到新的页面了。

推荐信息