动态加载选项卡下的页面

Question

我正在使用“tabs(content via ajax) using jQuery plugin.”

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

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

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

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