成功後にすぐに新しいウィンドウを開くように Ajax リクエストを設定する方法

今回は、Ajax リクエストでリクエスト成功後すぐに新しいウィンドウを開くように設定する方法について説明します。以下は実際的なケースですので、見てみましょう。 これ以上ナンセンスではありません。キーコードは次のとおりです:

jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com", 
"success":function(rel){
if(rel.isSuccess){ 
window.open(rel.url,"_blank");
}
}
});

URL リクエストが成功すると、window.open(rel.url, "_blank"); はブラウザによってインターセプトされ、新しいウィンドウを開くことができなくなります。 window.open() を ajax の外側に配置すると、問題は次のようになります:

var result="";
jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com", 
"success":function(rel){
if(rel.isSuccess){ 
result=rel.url;
//window.open(rel.url,"_blank");
}
}
});
if(result.length>0){
window.open(result,"_blank");
}

Ajax 応答後に新しいウィンドウを開く方法を見てみましょう

最近開発された機能です。リンクをクリックした後、現在のユーザーがログインしているかどうかを判断する必要があります。ログインしていない場合は、ユーザーがログインした後、ログイン ダイアログ ボックスが表示される必要があります。新しいウィンドウ (タブ) にリンクが表示されます。

特に言うことはなく、コードを投稿するだけです:

$(document).delegate("a", "click", function () { 
var actionUrl = $(this).attr("href"); 
var ssoAction = function () { window.open(actionUrl, '_blank'); }; 
if (isLogin()) { 
ssoAction(); 
} else { 
popup.show({login:function () { 
$.ajax({ 
type: "post", 
dataType: "json", 
url: "/Account/Login", 
data: $("frmLogin").serialize(), 
//发送方式改为同步，避免弹出页面被浏览器拦截
async: false, 
success: function (oData) { 
ssoAction(); 
} 
}); 
}); 
} 
return false; 
});

重要なポイント: 同期送信を使用し、非同期送信を使用し、コールバックで新しいウィンドウ (タブ) を開く必要があります。これはブラウザによって悪意があると見なされます。

行動

。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:

ajax を使用して、登録されたユーザー名が存在するかどうかを確認する

ajax がデータ型をサーバーに送信する手順の詳細な説明

以上が成功後にすぐに新しいウィンドウを開くように Ajax リクエストを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。