jQuery UI TABS + AJAX + PHP Динамическая загрузка контента - PullRequest
Новая
       47

jQuery UI TABS + AJAX + PHP Динамическая загрузка контента

2 голосов
/ 02 апреля 2012

Вот сценарий:

  • Я использую вкладки пользовательского интерфейса jQuery для загрузки динамического содержимого в раздел содержимого ниже.
  • При нажатии на вкладки содержимое меняется и загружает (через Ajax) различные PHP-файлы
  • Один из файлов - это список (доступный через mysql db), в котором перечислены, например, пользователи в общем формате
  • Пример: ID - имя пользователя - полное имя - просмотр / изменение

Чего я хочу добиться, так это того, что из этого списка, когда пользователь щелкает ссылку View Modify, он заменяет список пользователей файлом "viewUser.php" в этом div.

Мой вопрос таков: - Как передать значение viewUser.php?ID=4 обратно в jQuery TABS, чтобы оно изменило содержимое определенного div с выводом из PHP-файла viewUser?

Причина, по которой я не включил какой-либо код, заключается в том, что я не знаю, с чего начать. Единственные учебные пособия, которые я нашел, - это передать значения POST во внешний файл через AJAX и отобразить результат в том же DIV. Однако я хочу отправить GET Request и изменить содержимое DIV с результатом.

Любая помощь очень ценится, я надеюсь, что я адекватно объяснил свою ситуацию.

ОБНОВЛЕНИЕ (добавлен код в соответствии с предложением)

Это мои вкладки / навигация + контент 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 (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 для обработки ссылки из списка пользователей.

1 Ответ

0 голосов
/ 02 апреля 2012

, на каждой вкладке события клика вы должны передать имя файла с идентификатором

Вы должны сделать эту простую строку для события onclick когда-либо тега

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

...