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

Question

这是场景:

• 我正在使用 jQuery UI 选项卡将动态内容加载到下面的内容 div 中。
• 单击选项卡时，内容会更改并加载(通过 Ajax)各种 PHP 文件
• 其中一个文件是一个列表(通过 mysql 数据库访问)，其中以通用格式列出了示例用户<​​/li>
• 例如:ID - 用户名 - 全名 - 查看/修改

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

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

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

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

更新(根据建议添加代码)

这是我的选项卡/导航 + 内容 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 传递文件名

您必须在每个标签的 onclick 事件上执行此简单的操作

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