jquery를 통해 동일한 파일의 요소를로드하는 중

Question

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에 성공 메시지 만로드지고 테이블이 새로 고쳐지지 않습니다.

Answer 1

 $('#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'); 
      }); 
     } 
     });  
    }); 

Answer 2

은 이미 divContainer의 ID로 사업부가 있지만 당신은 당신이

$('#divContainer') 
     .slideUp('500') 
     .empty() 
     .load('data.php #tableContainer', function() { 
      $(this).slideDown('1000'); 
      });