chargement d'un élément du même fichier par jquery

Question

J'ai un fichier data.php, lorsqu'un utilisateur clique sur mise à jour la base de données est mise à jour en arrière-plan avec jquery mais en réponse je veux recharger la table particulière dont les données ont été mises à jour.

mon 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) --> 

mon 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'); 
       }); 
      } 
      });  
     }); 

Tout fonctionne très bien la base de données se mis à jour et dans le succès #response est obtenir chargé avec un message de succès, mais la la table n'est pas rafraîchissante.

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

Vous avez déjà un div avec un id de divContainer mais vous créez cet élément nouveau

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

vous avez besoin

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