Ajax打開新窗口被瀏覽器攔截的兩種解決辦法

更新時間：2017年01月05日 10:28:23 作者：qukaiwei

最近在做支付時發(fā)現(xiàn)打開支付窗口時被瀏覽器攔截了，怎么回事呢？下面小編給大家分享Ajax打開新窗口被瀏覽器攔截的兩種解決辦法，一起看看吧

最近在做支付時發(fā)現(xiàn)打開支付窗口時被瀏覽器攔截了，百度了一下才發(fā)現(xiàn)是因為打開窗口前用ajax驗證是否能支付，所以不是用戶主動觸發(fā)的打開ixin窗口，瀏覽器認為這樣不安全，所以給攔截了。

解決辦法一

先開始打開一個空的新窗口，然后改變新窗口的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();這行代碼，所以成功和失敗都會打開一個新窗口，除非在失敗后進行關閉，但這樣用戶體驗會非常不好，所以我用的第二種方式去實現(xiàn)的。

解決辦法二

因為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("正在加載請稍后！");
  }
});

以上所述是小編給大家介紹的Ajax打開新窗口被瀏覽器攔截的兩種解決辦法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:

往xml中更新節(jié)點的實例代碼
下面小編就為大家?guī)硪黄鵻ml中更新節(jié)點的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
AJAX檢測用戶名是否存在的方法
這篇文章主要為大家詳細介紹了AJAX檢測用戶名是否存在，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
編寫輕量ajax組件第三篇實現(xiàn)
這篇文章主要為大家詳細介紹了輕量ajax組件編寫第三篇實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-04-04
用AJAX實現(xiàn)頁面登陸以及注冊用戶名驗證的簡單實例
下面小編就為大家?guī)硪黄肁JAX實現(xiàn)頁面登陸以及注冊用戶名驗證的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
AJAX開發(fā)技術在PHP開發(fā)中的簡單應用技巧
AJAX無疑是2005年炒的最熱的Web開發(fā)技術之一，當然，這個功勞離不開Google。我只是一個普通開發(fā)者，使用AJAX的地方不是特別多，我就簡單的把我使用的心得說一下。（本文假設用戶已經具有JavaScript、HTML、CSS等基本的Web開發(fā)能力）
2010-04-04
Ajax異步請求的五個步驟及實戰(zhàn)案例
通過在后臺與服務器進行少量數據交換,Ajax可以使網頁實現(xiàn)異步更新,下面這篇文章主要給大家介紹了關于Ajax異步請求的五個步驟及實戰(zhàn)案例的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-08-08
Ajax實現(xiàn)局部刷新的方法實例
這篇文章主要給大家介紹了關于Ajax實現(xiàn)局部刷新的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-03-03
AJAX請求是否真的不安全？談一談Web安全與AJAX的關系
Ajax中沒有固有的安全漏洞，但是對該技術向量的適配顯著地改變了網絡應用的開發(fā)途徑以及方法論。AJAX請求的安全性是大家經常會談論的一個話題，AJAX請求是否真的不安全？下面這篇文章就來給大家詳細談一談Web安全與AJAX關系的相關資料，需要的朋友可以參考下。
2018-01-01
AJAX中文亂碼解決新方法分享
用過AJAX的朋友肯定知道javascript是使用UTF-8國際編碼，即每個漢字用3個字節(jié)來存儲，但是這就造成了用AJAX來send數據的時候出現(xiàn)亂碼。
2014-05-05
Ajax請求中的異步與同步，需要注意的地方說明
默認設置下，所有請求均為異步請求。如果需要發(fā)送同步請求，請將此選項設置為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執(zhí)行
2012-04-04