jQueryプラグインを使用して「タブ(ajax経由のコンテンツ)」 を使用しています。
タブをクリックすると、指定された URL に従って、選択したページがそのコンテンツ内に読み込まれます。
私が欲しいのは
、同じタブの下に別のページを表示し、現在のページのコンテンツを削除したいということです。
要するに、タブ構造を保持するメインページを更新またはリダイレクトせずに、タブの下にあるロードされたコンテンツページから別のページにリダイレクトするにはどうすればよいですか?
jQueryプラグインを使用して「タブ(ajax経由のコンテンツ)」 を使用しています。
タブをクリックすると、指定された URL に従って、選択したページがそのコンテンツ内に読み込まれます。
私が欲しいのは
、同じタブの下に別のページを表示し、現在のページのコンテンツを削除したいということです。
要するに、タブ構造を保持するメインページを更新またはリダイレクトせずに、タブの下にあるロードされたコンテンツページから別のページにリダイレクトするにはどうすればよいですか?
これを行う最も簡単な方法は、ajax PHP スクリプトを動的にすることだと思います。必要に応じて、AJAX 呼び出しから返されるデータを変更できます。
次に、メソッドを使用refresh
してタブのコンテンツを更新できます。これは、AJAX スクリプトとは異なるはずです。
$( ".selector" ).tabs( "refresh" );
ドキュメントに記載されているとおり: http://api.jqueryui.com/tabs/#method-refresh
これがあなたのdivだとしましょう:
<div id="content"> </div>
ajaxを送る
ajaxリクエストを取得するページでできること
if(isset($_POST['getContent')){
$_POST['getContent'] = file_get_contents('getContent.php');
echo $_POST['getContent'];
}
$.ajax({
type:'POST',
URL : 'page that will give you your reposne',
data : {
getContent : 'getContent'
},
success:function(data){
if(data){
$('#content').html(data);
}
}
});
file_get_contents('getContent.php') はファイルの内容を文字列で返すので、有効なファイルであれば問題はないはずです。