版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m_review/article/details/83311563
ajax 请求打开新窗口被拦截
- 解决方法一: 先开始打开一个空的新窗口,然后改变新窗口的 url
function demo() {
//未请求前打开新窗口
var newPage = window.open();
$.ajax({
url: "",
type: "post",
data: {},
dataType: "jsonp",
success: function(result) {
//改变新窗口链接
newPage.location = "http://www.baidu.com";
}
});
}
这种实现方式有个弊端,就是不管 ajax 有没有成功,都会执行 var wd = window.open();这行代码,所以成功和失败都会打开一个新窗口,除非在失败后进行关闭,但这样用户体验会非常不好,所以我用的第二种方式去实现的。
- 解决方法二:
ajax 是默认是异步的,这样性能高,用户体验好,但这也导致了安全问题,要让浏览器认为弹出新窗口是安全的,必须让弹新窗口之前所有的 ajax 是同步的
$.ajax({
type: "POST",
dataType: "json",
url: URL,
async: false, //同步请求
data: { orderNo: orderNo },
success: function(data) {
if (data.status == "success") {
window.open("www.baidu.com");
} else {
alert("订单不能支付!");
}
},
error: function(data) {
alert("正在加载请稍后!");
}
});