在选项卡下动态加载页面

Question

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

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

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

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

Answer 1

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

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

$（“ .selector”）.tabs（“刷新”）;

如文档中所述： 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'）以字符串形式返回文件的内容，因此，如果它是有效文件，则应该没有问题。