ホームページ >ウェブフロントエンド >jsチュートリアル >Ajax リクエストが成功した後、新しいウィンドウ アドレスを開きます。

Ajax リクエストが成功した後、新しいウィンドウ アドレスを開きます。

亚连
亚连オリジナル
2018-05-23 15:45:462750ブラウズ

この記事では、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"); がブラウザによってインターセプトされ、新しいウィンドウを開くことができなくなります。 ) 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 応答後に新しいウィンドウを開く方法を見てみましょう

最近開発された関数がありますリンクをクリックした後、現在のユーザーがログインしているかどうかを確認する必要があります。ログインしている場合は、リンクが指す URL がポップアップ表示されます。新しいウィンドウ(タブ)。

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

$(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; 
});

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

上記は私があなたのためにまとめたものです。

関連記事:

Ajax を使用してファイルをアップロードする

jQuery Ajax メソッドを使用してファイルをアップロードする

Ajax を使用して非同期更新リクエストを実装する

以上がAjax リクエストが成功した後、新しいウィンドウ アドレスを開きます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。