jquery - 动态加载选项卡下的页面

Question

我正在使用“使用 jQuery 插件的选项卡（通过 ajax 的内容）。 ”

当我单击选项卡时，根据给定的 URL 选择页面加载其内容。

我想要的是：
我想在同一个选项卡下显示另一个页面并删除当前页面的内容。

简而言之，如何在不刷新或重定向包含选项卡结构的主页的情况下从选项卡下加载的内容页面重定向到另一个页面？

Answer 1

我认为最简单的方法是使您的 ajax PHP 脚本动态化。您可以更改从 AJAX 调用返回的数据以满足您的需要。

然后，您可以使用该refresh方法刷新选项卡上的内容，这些内容现在应该与您的 AJAX 脚本不同：

$( ".selector" ).tabs( "refresh" );

如文档中所述：http: //api.jqueryui.com/tabs/#method-refresh

Answer 2

假设这是您的 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') 以字符串形式返回文件的内容，因此如果它是有效文件，则应该没有问题。