DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> ajax回調打開新窗體防止浏覽器攔截有效方法
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回調打開新窗體防止浏覽器攔截的兩種方法,希望對大家的學習有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved