Как обновить div на странице без перезагрузки - PullRequest
Новая
       33

Как обновить div на странице без перезагрузки

1 голос
/ 09 апреля 2011

В моей таблице есть результаты, полученные из базы данных, и когда я нажимаю на ссылку в таблице, чтобы удалить ее, я пытаюсь обновить таблицу без перезагрузки страницы.В приведенном ниже коде это работает, но мне все еще нужно обновить всю страницу, чтобы можно было нажать на другую ссылку.STUCK !! 

$(document).ready(function(){

        $('td a').click(function(){
            //alert($(this).attr('id'));
            var id =$(this).attr('id');
            var img_name =$(this).attr('name');
            //alert(img_name);

            $.ajax({
            type: "POST",
            url: "remove.php",
            cache: false,
            data: "id="+ id +"&img_name="+ img_name,
            success: function(message){
              alert(message);
           }
        });

        var url = "delete.inc.php"; //create random number

          setTimeout(function() {
         $("#table").load(url+" #table>*");
           }, 1000); //wait one second to run function
        /////////////////////// 
        });

1 Ответ

0 голосов
/ 09 апреля 2011

Проблема в том, что ваше событие клика связано с 'td a', которое удаляется и заменяется после перезагрузки таблицы.В результате он будет работать только один раз.Вам нужно настраивать событие click каждый раз, когда вы перезагружаете свою таблицу.

Я бы предложил создать отдельную функцию для вашего запроса ajax.Затем настройте событие клика в вашем $ (document) .ready ... 

$(document).ready(function(){
    $('td a').click( function_name );
});

, а также настройте его в функции успеха ... 

...
success: function(message){
    alert(message);
    $('td a').click( function_name );
}
...
...