Mise à jour du tableau affiché après modification sans actualisation

Question

J'ai une table affichée sur mon site, un utilisateur peut cliquer sur l'identifiant d'une ligne et une boîte de couleur (jquery) pop est affichée, à partir d'ici ils peuvent mettre à jour la ligne sélectionnée.

Lorsque vous cliquez sur Enregistrer, la ligne est correctement mise à jour dans la base de données. Lorsque la fenêtre contextuelle est fermée, la table précédemment affichée est toujours là et affiche les anciennes données. Si je tape f5, il se mettra à jour comme prévu. Y at-il de toute façon à le faire de manière dynamique, de sorte que la page se recharge après que l'utilisateur a cliqué sur Enregistrer? Je ne veux pas qu'ils aient à recharger manuellement la page.

EDIT - Ajout de code.

fonction Colobox popup

<script> 
$(function() 
    { 
    $(".editenq").colorbox({iframe:true, innerWidth:525, innerHeight:400});  
    $(".addenq").colorbox({iframe:true, innerWidth:525, innerHeight:400});  
}) 
    </script> 

Plus bas que l'utilisateur clique sur l'ID d'enquête pour le modifier

echo "<td><a class= 'editenq' href=\"editenq?enqid={$row['enqid']}\">{$row['enqid']} </a></td>"; 

Le pop up est juste une forme de base, prérempli de DB et les utilisateurs peuvent Apportez les modifications, puis cliquez sur Enregistrer.

Je veux ensuite après la fermeture de la fenêtre contextuelle de la table originale montre les données mises à jour

remercie

Answer 1

Essayez ceci alors, cela devrait fonctionner en utilisant le rappel colorbox. Vous pouvez le faire à l'autre colorbox si nécessaire, celui avec .addenq.

<script> 
$(function() 
    { 
    $(".editenq").colorbox({iframe:true, innerWidth:525, innerHeight:400,onClosed:function() { location.reload(true); }});  
    $(".addenq").colorbox({iframe:true, innerWidth:525, innerHeight:400});  
}) 
    </script>