jQuery - Перезагрузить таблицу

Question

Я пытаюсь перезагрузить таблицу, которая также была сгенерирована PHP.

Таблица имеет идентификатор: #bookmarks

После того, как пользователь нажал кнопку, таблица должна перезагрузить содержимое + только что добавленные данные. Я немного сбит с толку, потому что не знаю, как отправить все данные из результата PHP.

Answer 1

Предполагается, что ваш PHP возвращает готовый HTML-код для таблицы:

$("#update_button").click(function(){
    $("#mytable").load("/tools/getTable.php")
})

на вашей странице вам понадобится заполнитель DIV, например:

<div id="mytable"></div>

и ваш getTable.php должен отобразить html следующим образом:

<table>
  <tr>
    <td>col1<td>
    <td>col2<td>
  <tr>
</table>

Answer 2

В балльной форме:

• Отправьте данные пользователя обратно на страницу PHP через запрос AJAX. (Посмотрите на плагин jQuery Form)
• Страница PHP должна принимать и проверять данные, вставлять их в базу данных и затем отправлять ответ обратно на страницу в некотором формате (я рекомендую JSON, используя функцию php json_encode .
  • Ответ должен быть либо «отклонен», либо «принят» с возвращенными им данными пользователя, очищенными в соответствии с требованиями вашей собственной системы.
• Затем в методе успешного обратного вызова AJAX с помощью jQuery добавьте данные в таблицу или отправьте им сообщение, объясняющее, почему они были отклонены.

Answer 3

Сначала вам нужно изучить основы AJAX.

Прежде чем начать бегать, вам нужно научиться ходить.

Поиск некоторых учебников по Ajax, PHP и Ajax

Здесь и здесь - это 2, начинающиеся с

Answer 4

Чтобы получить конкретную помощь по использованию jQuery, воспользуйтесь плагином jEditable , который предназначен для предоставления возможности редактирования данных на месте. Также есть инструкции о том, как собрать данные и сохранить их.

Answer 5

Ну, таблица генерируется с помощью этого:

<table id="bookmarks">
        <thead>
            <tr class="table-top">
                <th>Thumbnail</th>
                <th>Title/Description</th>
                <th>Tags</th>
                <th>Action</th>
            </tr>
        </thead>
        <?php
        $hID = userToID($_SESSION['username']);
        $hQuery = mysql_query("SELECT * FROM linkz WHERE userid='$hID'") or die(mysql_error());
        while($hRow = mysql_fetch_array($hQuery)) {
            echo "<tr class='link'><td><img src='http://www.thumbshots.de/cgi-bin/show.cgi?url=".$hRow["location"]."' /></td><td><a href='share/".$hRow['shareid']."'>".$hRow["title"]."</a> - <i>". $hRow["description"]."</i><br /><b>Share Link:</b> http://www.linkbase.us/share/".$hRow['shareid']."</td><td>".$hRow['tags']."</td><td><a href='#' id='".$hRow['shareid']."' class='delbutton'>Delete</a></td></tr>";
        }
    ?>
    </table>

Answer 6

Когда пользователь нажимает кнопку, вы должны вызвать код, который использовался для загрузки таблицы. Данные могут быть данными с начала + данными, которые добавили пользователи. Или данные могут быть повторно получены с сервера, в зависимости от того, как работает ваше приложение.

Немного больше информации может прояснить ситуацию, поэтому мы могли бы дать более конкретные ответы.