最近在做支付時發(fā)現(xiàn)打開支付窗口時被瀏覽器攔截了,百度了一下才發(fā)現(xiàn)是因為打開窗口前用ajax驗證是否能支付,所以不是用戶主動觸發(fā)的打開ixin窗口,瀏覽器認(rèn)為這樣不安全,所以給攔截了。
解決辦法一
先開始打開一個空的新窗口,然后改變新窗口的url,具體代碼為
var wd = window.open();
$.ajax({
type: "POST",
dataType: "json",
url: URL,
data: {orderNo:orderNo},
success: function(data) {
if(data.status=='success'){
wd.location.;
}else{
alert('訂單不能支付!');
}
},error: function(data) {
alert("正在加載請稍后!");
}
});
這種實現(xiàn)方式有個弊端,就是不管ajax有沒有成功,都會執(zhí)行 var wd = window.open();這行代碼,所以成功和失敗都會打開一個新窗口,除非在失敗后進(jìn)行關(guān)閉,但這樣用戶體驗會非常不好,所以我用的第二種方式去實現(xiàn)的。
解決辦法二
因為ajax是默認(rèn)是異步的,這樣性能高,用戶體驗好,但這也導(dǎo)致了安全問題,要讓瀏覽器認(rèn)為彈出新窗口是安全的,必須讓彈新窗口之前所有的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("正在加載請稍后!");
}
});
以上所述是小編給大家介紹的Ajax打開新窗口被瀏覽器攔截的兩種解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:- Ajax請求響應(yīng)中用window.open打開新窗口被攔截的解決方法
- Ajax請求成功后打開新窗口地址
- ajax怎么打開新窗口具體如何實現(xiàn)