jQuery UI TABS + AJAX + PHP动态内容加载

Question

这是场景：

• 我正在使用jQuery UI Tabs将动态内容加载到下面的内容div中。
• 单击选项卡时，内容会更改并通过Ajax加载（通过Ajax）各种PHP文件
• 其中一个文件是一个列表（可通过mysql db访问），该列表以常规格式列出例如用户
• 例如：ID-用户名-全名-查看/修改

我要实现的是，从此列表中，当用户单击“查看修改”链接时，它将用该div中的“ viewUser.php”文件替换用户列表。

我的问题如下：-如何将viewUser.php?ID=4值传递回jQuery TABS，以便它通过viewUser PHP文件的输出更改特定div的内容？

我没有包含任何代码的原因是，我对从哪里开始感到迷茫。 到目前为止，我发现的唯一教程是通过AJAX将POST值传递到外部文件，并在同一DIV中显示结果。 但是，我要发送的是GET Request并用结果更改DIV的内容。

非常感谢您的帮助，我希望我已经充分解释了我的情况。

UPDATE（建议添加代码）

这是我的标签页/导航+内容DIV。 div tc0也是PHP文件的div格式。

<div id="tabs">
    <ul class="grid_12 alpha" id="hmenu">
        <li><a href="#tc0">Dashboard</a></li>
        <li><a href="list-users.php">List Users</a></li>
        <li><a href="list-tasks.php">List Tasks</a></li>
    </ul>

    <div id="tc0">
        <p>Some Content</p>
    </div>
</div>

PHP文件（list-users.php或list-tasks.php）：

<?php

    // Do Database query stuff here

    foreach($data as $row){
        echo '<tr>';
        echo '<td>' .$row['TID']. '</td><td>' .$row['user'];
        echo  '</td><td><a href="viewUser.php?ID=' .$row['ID'] . '" class="this">View User</a></td>';
        echo '</tr>';
    }

jQuery部分（对于加载AJAX来说效果很好）：（这是我需要帮助的地方）

    <script type="text/javascript"><!--//TABS-->
        $(document).ready(function(){
            $("#tabs").tabs();          
    });
    </script><!--//END TABS-->

希望这可以帮助。 我不知道从哪里开始编写jQuery来处理用户列表中的链接。

Answer 1

。 在单击事件的每个选项卡上，您都必须传递带有ID的文件名

您必须在ever标签的onclick事件上执行以下简单操作

window.location ='viewUser.php？ID = 4