ajax回調(diào)打開新窗體防止瀏覽器攔截有效方法
ajax回調(diào)打開新窗體防止瀏覽器攔截,就這么做!
問題剖析:
function click_fun(){ window.open("www.baidu.com");//能打開 $.ajax({ 'url': '${pageContext.request.contextPath}/activity/savePrizes.htm', 'type': 'post', 'dataType': 'json', 'data': data, success: function (data) { window.open("www.baidu.com");//被攔截 }, error:function(){ } }); }
分析:
打開新窗體只能在點擊事件內(nèi)觸發(fā),點擊事件內(nèi)的回調(diào)函數(shù)內(nèi)打開窗體會被攔截,瀏覽器會認為是廣告彈窗之類的代碼
解決1:
function click_fun_new(){ var tempwindow=window.open();//先打開臨時窗體,由于是點擊事件內(nèi)觸發(fā),不會被攔截 $.ajax({ 'url': '${pageContext.request.contextPath}/activity/savePrizes.htm', 'type': 'post', 'dataType': 'json', 'data': data, success: function (data) { tempwindow.location = "www.baidu.com";//當回調(diào)的時候更改臨時窗體的路徑 }, error:function(){ tempwindow.close();//回調(diào)發(fā)現(xiàn)無需打開窗體時可以關(guān)閉之前的臨時窗體 } }); }
解決2:
function click_fun_new(){ var flag = false; $.ajax({ 'url': '${pageContext.request.contextPath}/activity/savePrizes.htm', 'type': 'post', 'dataType': 'json', 'data': data, 'async':false,//同步請求 success: function (data) { $("#a").attr("href","www.baidu.com");//當回調(diào)的時候更改頁面上或創(chuàng)建的某個a標簽的href flag = true;//更改標志 }, error:function(){ } }); if(flag){ $("#a").click();//href屬性更改后模擬點擊 } }
以上就是ajax回調(diào)打開新窗體防止瀏覽器攔截的兩種方法,希望對大家的學習有所幫助。
- JS 攔截全局ajax請求實例解析
- Ajax請求響應(yīng)中用window.open打開新窗口被攔截的解決方法
- Node.js服務(wù)器環(huán)境下使用Mock.js攔截AJAX請求的教程
- 在Java的Struts中判斷是否調(diào)用AJAX及用攔截器對其優(yōu)化
- ajax請求成功后新開窗口window.open()被攔截解決方法
- jquery ajax 向后臺傳遞數(shù)組參數(shù)示例
- jquery中ajax使用error調(diào)試錯誤的方法
- JQuery的Ajax請求實現(xiàn)局部刷新的簡單實例
- jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹
- jQuery Ajax異步處理Json數(shù)據(jù)詳解
- JQuery處理json與ajax返回JSON實例代碼
- Jquery中ajax方法data參數(shù)的用法小結(jié)
- 解決攔截器對ajax請求的攔截實例詳解
相關(guān)文章
ajax方式實現(xiàn)注冊功能(提交數(shù)據(jù)到后臺數(shù)據(jù)庫完成交互)
這篇文章主要介紹了ajax方式實現(xiàn)注冊功能,提交數(shù)據(jù)到后臺數(shù)據(jù)庫完成交互,感興趣的小伙伴們可以參考一下2016-08-08Ajax 高級功能之a(chǎn)jax向服務(wù)器發(fā)送數(shù)據(jù)
這篇文章主要介紹了Ajax 高級功能之a(chǎn)jax向服務(wù)器發(fā)送數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2016-08-08ajax獲取數(shù)據(jù)中文亂碼問題最簡單的完美解決方案
這篇文章主要介紹了ajax獲取數(shù)據(jù)中文亂碼問題最簡單的完美解決方案,需要的朋友可以參考下2014-11-11ajax 數(shù)據(jù)庫中隨機讀取5條數(shù)據(jù)動態(tài)在頁面中刷新
以下是我在此編寫一個程序時的時刻所遇到的問題。因為一開始經(jīng)理給我分配了要我寫一個在頁面上動態(tài)的顯示5條數(shù)據(jù)。2009-06-06Ajax返回數(shù)據(jù)之前的loading等待效果
我們通過ajax請求,向后臺傳遞參數(shù),然后后臺經(jīng)過一系列的運算之后向前臺返還數(shù)據(jù),我希望在等待數(shù)據(jù)成功返還之前可以展示一個loading.gif圖。接下來通過本文給大家分享Ajax返回數(shù)據(jù)之前的loading等待效果,需要的朋友可以參考下2017-08-08