首頁 > web前端 > js教程 > 主體

ajax回呼開啟新視窗時怎樣不被瀏覽器攔截

php中世界最好的语言
發布: 2018-04-04 15:40:24
原創
1700 人瀏覽過

這次帶給大家ajax回呼打開新窗體時怎樣不被瀏覽器攔截,ajax回調打開新窗體時不被瀏覽器攔截的注意事項有哪些,下面就是實戰案例,一起來看一下。

ajax回呼開啟新視窗防止瀏覽器攔截,就這麼做!

問題剖析:

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(){ 
 
    } 
  }); 
}
登入後複製

分析:
開啟新窗體只能在點選事件內觸發,點選事件內的回呼函數內開啟窗體會被攔截,瀏覽器會認為是廣告彈窗之類的程式碼

解決1:

function click_fun_new(){ 
  var tempwindow=window.open();//先打开临时窗体,由于是点击事件内触发,不会被拦截 
  $.ajax({ 
    'url': '${pageContext.request.contextPath}/activity/savePrizes.htm', 
    'type': 'post', 
    'dataType': 'json', 
    'data': data, 
    success: function (data) { 
      tempwindow.location = "www.baidu.com";//当回调的时候更改临时窗体的路径 
    }, 
    error:function(){ 
      tempwindow.close();//回调发现无需打开窗体时可以关闭之前的临时窗体 
    } 
  }); 
}
登入後複製

解決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");//当回调的时候更改页面上或创建的某个a标签的href 
      flag = true;//更改标志 
    }, 
    error:function(){ 
       
    } 
  }); 
  if(flag){ 
    $("#a").click();//href属性更改后模拟点击 
  } 
}
登入後複製

以上就是ajax回呼開啟新視窗防止瀏覽器攔截的兩種方法,希望對大家的學習有幫助。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

Jsonp解決ajax的跨域問題

JSONP怎麼處理Ajax的跨域存取

以上是ajax回呼開啟新視窗時怎樣不被瀏覽器攔截的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板