调用window.open打开页面，新打开的页面一段时间后自动关闭的问题

最新推荐文章于 2021-08-27 16:16:00 发布

原创最新推荐文章于 2021-08-27 16:16:00 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #java #ViewUI

本文探讨了在使用AJAX获取数据后，如何避免window.open()方法导致的页面自动关闭问题，提出了通过定义隐藏按钮并触发其click事件，以及设置AJAX为同步模式两种解决方案。

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

window.open()方法写在ajax回调方法里，会出现问题。问题现象是新打开的页面一段时间后就自动关闭。源代码如下

$.get(url,{ran:Math.Random()},successed);

function successed(data){

window.open("url?id=" + data.id );

}

网上查了好多资料，都说是在服务端用window.open弹出窗口会被IE阻止掉。而通过我们用鼠标点击弹出的窗口，它是不会阻止的。解决办法一，在jsp定义一个隐藏按钮，把window.open方法写在这个隐藏按钮的click事件中，在ajax回调方法里间接调用这个click事件。

jsp

function openNewPage(){

window.open("url");

}

function successed(data){

$("#hiddenButton").trigger("click");

}

此解决方法还是不行。

解决办法二:

ajax 设置为同步，代码如下

var data = null；

     $.ajax({
         type: "POST", url: path,
         async:false,
         success:function(result){
          data = result;
         },
         error:function(XmlHttpRequest,textStatus, errorThrown){
          data={exception:{message:XmlHttpRequest.responseText}};
         }
     });

if(!data && !data.exception){

window.open("url?id=" + data.id);

}