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