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