js/ajax提交请求成功后跳转到另一个页面

LoneWalker、

于 2019-11-27 13:22:54 发布

阅读量9.1k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：前端文章标签： js跳转

本文链接：https://blog.youkuaiyun.com/QingXu1234/article/details/103274008

前端专栏收录该内容

15 篇文章

订阅专栏

本文详细解析了使用JavaScript进行页面跳转的各种方法，包括window.location.href、parent.location.href及top.location.href的区别，以及在不同iframe层级间的跳转效果。同时介绍了在form提交后如何实现页面跳转或打开新窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实际场景：在弹窗中输入数据提交后，需要跳转到另一个页面展示（不是父页面）

parent.location.href = 'url';
Dialog.closeSelf();

js/ajax提交成功后采用以下方式跳转：
1、本页面跳转:"window.location.href"、"location.href" 
2、上一层页面跳转:"parent.location.href"
3、最外层的页面跳转:"top.location.href"
举例说明：
如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写
"window.location.href"、"location.href"：D页面跳转
"parent.location.href"：C页面跳转
"top.location.href"：A页面跳转
如果D页面中有form的话,
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转