ホームページ > ウェブフロントエンド > jsチュートリアル > ブラウザーの傍受を防ぐために、Ajax コールバックを使用して新しいフォームを開く効果的な方法

ブラウザーの傍受を防ぐために、Ajax コールバックを使用して新しいフォームを開く効果的な方法

高洛峰
リリース: 2017-01-09 14:19:41
オリジナル
1384 人が閲覧しました

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 コールバックを使用して新しいフォームを開く 2 つの方法です。皆さんの学習に役立つことを願っています。

ブラウザの傍受を防ぐために、ajax コールバックを使用して新しいフォームを開くより効果的な方法と関連記事については、PHP 中国語 Web サイトに注目してください。


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