在ajax结果中弹框被拦截,ajax请求后弹开新页面被浏览器拦截

window.open()我想应该很多人都不陌生吧，它可以实现除用a标签以外来实现打开新窗口！

最近开发项目用到时，却遇到了麻烦，本来好好的弹出窗口，结果被浏览器无情的给拦截了！

代码如下：

$.getJSON(URL,data,function(data,state){if(state=='success'){

window.open('http://www.cnblogs.com/garfieldzhong/');

}else{

alert('请求失败！');

}

})

View Code

这要手动允许弹出窗口，开发的东西可是给要给用户玩的，这样的拦截显然是玩不转的！

这让我百思不得其解，于是乎，只有到百度里谷歌之，发现，原来，这居然是浏览器出于对安全的考虑，把这种非用户操作的行为给拦截了！这如果不解决掉显然是有损助用户体验的！

方法倒也挺多的，不过，有些方法试了貌似是行不通的！比如创建一个a标签，getJson完了去触发a的点击，事实证明这方法对此无效；还有加定时器的，这貌似也不行，而且，加定时器这事个人觉得也挺不靠谱的，毕竟，你无法预知网友的网速等等，不确定性太在！

这里介绍下个人亲自试过，而且有效的方法！

方法一：

$("#btn").on("click",function(){var goto =window.open();

$.getJSON(URL,data,function(data,state){if(state=='success'){

goto.location.href= 'http://www.cnblogs.com/garfieldzhong/'}else{

alert('请求失败！');

}

})

});

View Code

此方法，可以实现新窗口打开新页面，不过，它有个问题，那就是当异步请求失败了，也依然会有一个新窗口打开，因为它的原理很明显，是一开始打开一个空的新窗口，然后改变新窗口的url，以此来实现跳转。这似乎与我们的要求不太符合。所以找来了第二种方法！

方法二：

$("#btn").on("click",function(){

$.ajaxSettings.async= false; //请求前设置为同步请求

$.getJSON(URL,data,function(data,state){

$.ajaxSettings.async= true;//切记，请求完成之后要设置回异步

if(state=='success'){

goto.location.href= 'http://www.cnblogs.com/garfieldzhong/'}else{

alert('请求失败！');

}

})

});

View Code

关键词就是$.ajaxSettings.async,设置了ajax请求的方法，请求前为同步请求，这样就能避免被浏览器拦截，但是，不推荐使用同步方法，所以，当此次ajax/getjson完了之后要把值改回 true。

目前，因为本人水平不限，只能用这样的方法来实现，不知道哪位大神有没有更好的方法，希望能给予指导啊！