Ajax打開新窗口被瀏覽器攔截的兩種解決辦法
最近在做支付時(shí)發(fā)現(xiàn)打開支付窗口時(shí)被瀏覽器攔截了,百度了一下才發(fā)現(xiàn)是因?yàn)榇蜷_窗口前用ajax驗(yàn)證是否能支付,所以不是用戶主動(dòng)觸發(fā)的打開ixin窗口,瀏覽器認(rèn)為這樣不安全,所以給攔截了。
解決辦法一
先開始打開一個(gè)空的新窗口,然后改變新窗口的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("正在加載請(qǐng)稍后!"); } });
這種實(shí)現(xiàn)方式有個(gè)弊端,就是不管ajax有沒有成功,都會(huì)執(zhí)行 var wd = window.open();這行代碼,所以成功和失敗都會(huì)打開一個(gè)新窗口,除非在失敗后進(jìn)行關(guān)閉,但這樣用戶體驗(yàn)會(huì)非常不好,所以我用的第二種方式去實(shí)現(xiàn)的。
解決辦法二
因?yàn)閍jax是默認(rèn)是異步的,這樣性能高,用戶體驗(yàn)好,但這也導(dǎo)致了安全問題,要讓瀏覽器認(rèn)為彈出新窗口是安全的,必須讓彈新窗口之前所有的ajax是同步的,具體代碼為
$.ajax({ type: "POST", dataType: "json", url: URL, async: false,//同步請(qǐng)求 data: {orderNo:orderNo}, success: function(data) { if(data.status=='success'){ window.open("www.baidu.com"); }else{ alert('訂單不能支付!'); } }, error: function(data) { alert("正在加載請(qǐng)稍后!"); } });
以上所述是小編給大家介紹的Ajax打開新窗口被瀏覽器攔截的兩種解決辦法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
axios和ajax的區(qū)別點(diǎn)總結(jié)
在本篇文章里小編給大家整理的是一篇關(guān)于axios和ajax的區(qū)別點(diǎn)總結(jié)內(nèi)容,對(duì)此有興趣的朋友們可以跟著學(xué)習(xí)下。2021-12-12ajax實(shí)現(xiàn)頁(yè)面加載和內(nèi)容刪除
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)頁(yè)面加載和內(nèi)容刪除的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03ajax實(shí)現(xiàn)無(wú)刷新上傳文件功能
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)無(wú)刷新上傳文件功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08ajax內(nèi)部值外部調(diào)用不了的原因及解決方法
下面小編就為大家?guī)?lái)一篇ajax內(nèi)部值外部調(diào)用不了的原因及解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06用Promise解決多個(gè)異步Ajax請(qǐng)求導(dǎo)致的代碼嵌套問題(完美解決方案)
這篇文章主要介紹了用Promise解決多個(gè)異步Ajax請(qǐng)求導(dǎo)致的代碼嵌套問題(完美解決方案),需要的朋友可以參考下2017-02-02