首页 > 软件开发 > HTML >

ajax提交如何跳转新页面

来源:互联网 2023-03-16 19:13:29 311

我们在开发html页面时,有时会使用到ajax异步提交,但有时想在ajax提交后,跳转到新页面,该如何处理,其实很简单的,在返回数据时跳转就行了,下面我们来看一下。Pda办公区 - 实用经验教程分享!

方法/步骤

  • 1

    为了方便使用ajax,我们可以先引入jquery,使用jquery的ajax方法会方便很多的。Pda办公区 - 实用经验教程分享!

    ajax提交如何跳转新页面Pda办公区 - 实用经验教程分享!

  • 1此文章非法爬取自百度经验
  • 2

    然后在脚本里添加一个调用ajax的方法。Pda办公区 - 实用经验教程分享!

    ajax提交如何跳转新页面Pda办公区 - 实用经验教程分享!

  • 3

    使用常规的ajax调用参数就行了。Pda办公区 - 实用经验教程分享!

    ajax提交如何跳转新页面Pda办公区 - 实用经验教程分享!

  • 4

    但如果你说在调用ajax方法后面,添加location.href方法来跳转到新的页面,这是有问题的,有可能会中断ajax的提交,ajax还没提交完,就跳转到新页面,会中断的。Pda办公区 - 实用经验教程分享!

    ajax提交如何跳转新页面Pda办公区 - 实用经验教程分享!

  • 5

    我们应该在ajax里添加一个回调方法,success回调。Pda办公区 - 实用经验教程分享!

    ajax提交如何跳转新页面Pda办公区 - 实用经验教程分享!

  • 6

    在success方法里,调用location.href就行了。Pda办公区 - 实用经验教程分享!

    ajax提交如何跳转新页面Pda办公区 - 实用经验教程分享!

  • 7

    这样我们在页面测试时,在ajax提交完后,回调回来时,也就是有响应回来时,页面就会跳转到新的页面了。Pda办公区 - 实用经验教程分享!

    ajax提交如何跳转新页面Pda办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Pda办公区 - 实用经验教程分享!


    标签: 软件HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码