jQuery UI的TABS + AJAX + PHP動態內容加載

下面是這種情況：jQuery UI的TABS + AJAX + PHP動態內容加載

我使用jQuery UI選項卡加載動態內容到下面內容股利。
當在標籤上點擊，內容變更和負載（通過Ajax）各種PHP文件
其中的一個文件是一個列表（通過MySQL數據庫訪問），在一般的格式，例如用戶列出
例如：ID - 用戶名 - 全名 - 查看/修改

我想實現的是，從該列表中，當用戶單擊查看修改鏈接時，它將用「viewUser .php「文件在該div中。

我的問題如下： - 如何通過viewUser.php?ID=4值回了jQuery TABS使其變爲具體的股利從viewUser PHP文件的輸出內容？

我沒有包含任何代碼的原因是我對於從哪裏開始感到不知所措。目前我發現的唯一教程是通過AJAX將POST值傳遞給外部文件，並將結果顯示在相同的DIV中。但是，我想要做的是發送一個GET Request並更改結果的DIV的內容。

任何幫助非常感謝，我希望我已經充分解釋了我的情況。

UPDATE（所建議添加的代碼）

這是我的選項卡/導航+內容DIV。 div tc0是div文件的格式，也是PHP文件的格式。

<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文件（列表users.php或列表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來處理用戶列表中的鏈接。

來源

2012-04-02 fizzy drink

後你正在使用的代碼。獲得絕對解決方案而不是一些提示會更容易。你應該做的是在加載用戶列表及其相關鏈接（修改/查看）時，形成類似於'View'這樣的結構的錨標籤。然後，您可以將單擊事件處理程序附加到此** view-user **類，該類使ajax獲取viewUser.php頁面的請求。 – SachinGutte 2012-04-02 12:09:22

我更新了代碼。你介意再看一次嗎？ – 2012-04-02 19:36:52

。點擊事件的每個選項卡上，你必須通過文件名ID爲

你必須做的onclick事件這種簡單的線條以往任何時候都標記

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

來源

2012-04-02 11:57:33

jQuery UI的TABS + AJAX + PHP動態內容加載

回答

相關問題