ブラウザーのインターセプトを防ぐために、ajax コールバックを使用して新しいフォームを開く効果的な方法_AJAX 関連

亚连
リリース: 2018-05-24 10:21:57
オリジナル
1572 人が閲覧しました

この記事では主に、ブラウザの傍受を防ぐために、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ユーザー登録モジュール

Ajaxクリックでデータリストを連続ロードする(グラフィックチュートリアル)

Ajax+Struts2に検証コード検証機能を実装(グラフィックチュートリアル)

以上がブラウザーのインターセプトを防ぐために、ajax コールバックを使用して新しいフォームを開く効果的な方法_AJAX 関連の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート