загрузка элемента того же файла через jquery - PullRequest
0 голосов
/ 16 июля 2009

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

мой HTML:

<div id="divContainer">
<table id="tableContainer" cellspacing='0' cellpadding='5' border='0'>
<tr>
    <td>No.</td>
    <td>Username</td>
    <td>Password</td>
    <td>Usage Left</td>
    <td>%</td>
</tr><!-- Multiple rows with different data (This is head of table) -->

мой jquery:

$('#UpdateAll').click(function() {
            $.ajax({
            type: 'post',
            url: 'update.php',
            data: 'action=updateAll',

            success: function(response) {
                $('#response').fadeOut('500').empty().fadeIn('500').append(response);

                $('<div id="divContainer" />').slideUp('500').empty().load('data.php #tableContainer', function() {
                    $(this).hide().appendTo('#divContainer').slideDown('1000');
                });
            }
            });     
        });

Все работает нормально, база данных обновляется и успешно #response загружается с сообщением об успехе, но таблица не обновляется.

Ответы [ 2 ]

0 голосов
/ 16 июля 2009
        $('#UpdateAll').click(function() {
        $.ajax({
        type: 'post',
        url: 'update.php',
        data: 'action=updateAll',

        success: function(response) {
            $('#response').fadeOut('500').empty().fadeIn('500').append(response);

            $('#divContainer').slideUp('1000').load('data.php #tableContainer', function() {
                $(this).hide().appendTo('#tableContainer').slideDown('1000');
            });
        }
        });     
    });
0 голосов
/ 16 июля 2009

У вас уже есть div с идентификатором divContainer, но вы снова создаете этот элемент

$('<div id="divContainer " />').slideUp....

вам нужно

$('#divContainer')
         .slideUp('500')
         .empty()
         .load('data.php #tableContainer', function() {
             $(this).slideDown('1000');
          });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...