Динамическое добавление новой записи в MySQl - исчезает старый дисплей, хорошо, но обновленные данные не исчезают - PullRequest
Новая
       15

Динамическое добавление новой записи в MySQl - исчезает старый дисплей, хорошо, но обновленные данные не исчезают

0 голосов
/ 15 июня 2011

Я постараюсь объяснить мою проблему как можно точнее, я не думаю, что JSFiddle поможет в этом случае.

У меня есть страница, на которой отображаются все записи таблицы базы данных и форма для добавления новой записи.

Как только форма заполнена и отправлена, новая запись добавляется в базу данных корректно, а старая HTML-таблица исчезает, чтобы позволить новой таблице исчезать, но это где она ломается, и я остаюсь с пустой раздел, где должна быть таблица.

Подходящий код ниже:

gigs.php:

* * 1010

Форма для добавления новой записи: 

<form  method="post" name="form" action="">
                <fieldset>
                <legend>Add Gig</legend>
                <span class="add-gig-label-venue">Venue:</span>  <input type="text" name="venue" id="venue" maxlength="100" /><br />
                <span class="add-gig-label-date">Date:</span>  <input type="text" name="date" id="date" maxlength="10" />
                <span class="add-gig-label-start">Start Time:</span>  <input type="text" name="time" id="time" maxlength="5" />
                <span class="add-gig-label-end">End Time:</span>  <input type="text" name="until" id="until" maxlength="5"/> <br />
                <span class="add-gig-label-map">Google Maps URL:</span>  <input type="text" name="map" id="map" />
                <input type="submit"  value="Add Gig"  id="v" name="submit" class="comment_button"/>
                </fieldset>
            </form>

и ниже это div, показывающий gif загрузки ajax с именем flash и таблицу, в которой отображаются текущие записи: 

<div id="flash" align="left" ></div>
<div id="gigs"> <!-- div that is emptied -->
<!-- Start the table -->
<table class="gig-table" cellspacing="0" cellpadding="0">
<!-- table data -->
</table>
</div> <!-- end 'gigs' div -->

Другой файл add-gigs.php просто принимает переменные POST и создает запрос MySQL для вставки новой записи, а затем имеет тот же код php для таблицы, что и в другом файле, но, очевидно, этот теперь будет включать недавно добавленную строку.

Это та таблица, в которую я не могу попасть.

Надеюсь, в этом есть смысл, иначе я попытаюсь уточнить.

1 Ответ

2 голосов
/ 15 июня 2011

Вы забыли "#" в $("gigs")

    success: function(html){
        $("#gigs").prepend(html).fadeIn(1000);
        $("#flash").fadeOut(1000);  
    }

Как просто $("gigs"), это означает поиск элемента <gigs> на странице.Префикс «#» означает поиск элемента по значению «id».

...