Question

以下是该方案：

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

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

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

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

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

更新（按建议添加代码）

这是我的标签/导航+内容DIV。 div tc0也是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

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

1 个答案: