jQuery-使用Window.Open（）防止弹出窗口阻止程序

Question

如果我使用jQuery在新窗口中打开，如何避免使用弹出窗口阻止程序中的浏览器。 我一直在搜索这个问题，但仍然坚持下去。 这是我编写的代码，

$(document).ready(function(){
  $('#newLink').click(function(event){
    event.preventDefault();
    var page = $(this).attr('href');
    $.post(page,
    {
        pr_no : pr_no
    })
    .done(function(data){
        window.open(page, "MsgWindow", "width=800,height=800");
    });
});

Answer 1

弹出窗口阻止程序通常仅在处理用户事件（例如单击）时使用window.open。 在您的情况下，您稍后要调用window.open，而不是在事件期间调用，因为$ .getJSON是异步的。

您有两种选择：

做其他事情，而不是window.open。 使ajax调用同步化，这通常是您应该避免的事情，例如鼠疫，因为它会锁定浏览器的UI。 $ .getJSON等效于：

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

...因此您可以通过将参数映射到上述参数并添加async：false来使$ .getJSON调用同步。

$.ajax({
    url:      "redirect/" + pageId,
    async:    false,
    dataType: "json",
    data:     {},
    success:  function(status) {
        if (status == null) {
            alert("Error in verifying the status.");
        } else if(!status) {
            $("#agreement").dialog("open");
        } else {
            window.open(redirectionURL);
        }
    }
});

再说一次，如果您能找到实现目标的其他方法，我不提倡同步ajax调用。 但是，如果做不到，那就去吧。

这是由于异步调用而导致测试失败的代码示例：

现场示例| 实时源（由于对JSBin的更改，实时链接不再起作用）

jQuery(function($) {
  // This version doesn't work, because the window.open is
  // not during the event processing
  $("#theButton").click(function(e) {
    e.preventDefault();
    $.getJSON("http://jsbin.com/uriyip", function() {
      window.open("http://jsbin.com/ubiqev");
    });
  });
});

这是一个使用同步调用起作用的示例：

现场示例| 实时源（由于对JSBin的更改，实时链接不再起作用）

jQuery(function($) {
  // This version does work, because the window.open is
  // during the event processing. But it uses a synchronous
  // ajax call, locking up the browser UI while the call is
  // in progress.
  $("#theButton").click(function(e) {
    e.preventDefault();
    $.ajax({
      url:      "http://jsbin.com/uriyip",
      async:    false,
      dataType: "json",
      success:  function() {
        window.open("http://jsbin.com/ubiqev");
      }
    });
  });
});