与 Safari 上的 window.open() 相关的问题

Question

我知道 Safari 在 ajax 调用期间尝试通过 window.open() 阻止打开新标签。 我们需要在 ajax 调用之前调用 window.open() 来打开一个新标签，这样程序就可以防止 Safari 的阻塞。 以上参考，window.open(url, '_blank'); not working on iMac/Safari。

但是，如果我想使用来自 ajax 调用的信息来验证我是否需要打开一个新选项卡，即有条件地打开一个新选项卡取决于 ajax 调用的验证，该怎么办？

然后我无法在 ajax 调用之前打开新标签页。这是因为如果验证未通过，那么我需要关闭在 ajax 调用之前打开的选项卡...，这不是我想要的程序的行为。

如果信息是通过 ajax 调用验证的，我如何才能打开一个新选项卡？谢谢大家的回答！

let newTab = window.open();

someAjaxChecking(...).then((isValid)=>{

   // isValid is a return boolean from the ajax calling someAjaxChecking() to 
   // determine whether redirect the new tab or close it

   if(isValid){
     newTab.location = url;
   }else{
     newTab.close(); // ***it is not desire to open and close the new tab...
   }

})

真实案例：

• 我需要向我的后端发送一个表单（一组数据）来验证表单（一个 AJAX 调用）；
• 然后它会返回一个布尔值（isValid）来判断表单是否有效；
• 如果 boolean(isValid) 为真，它将打开一个新选项卡

Answer 1

如果我从用户的角度理解您网站上发生的情况是这样的：

• 用户采取行动（例如点击按钮）
• 您执行异步 AJAX 调用
• 成功时（回调）会打开一个新窗口

现在，您无法实现第三步，因为浏览器不允许您这样做。

但是，您可以通过用户操作（例如单击按钮或其他元素）触发的回调打开新窗口。

---

解决方案可能是：

• 一旦您拥有要验证的数据，就执行 AJAX 调用
• AJAX 回调存储结果（成功或不成功）。如果成功启用/显示一个按钮以打开新窗口
• 单击（启用）按钮会触发打开新窗口的功能

---

另一种解决方案是：

• 用户输入数据
• 用户点击按钮
• 同步执行 AJAX 调用
• 如果验证成功则打开新窗口