ホームページ >ウェブフロントエンド >jsチュートリアル >ブラウザーのインターセプトを防ぐために、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クリックでデータリストを連続ロードする(グラフィックチュートリアル)
Ajax+Struts2に検証コード検証機能を実装(グラフィックチュートリアル)
以上がブラウザーのインターセプトを防ぐために、ajax コールバックを使用して新しいフォームを開く効果的な方法_AJAX 関連の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。