2010-09-03 5 views
0

Can jquery-ajax recharge un div AVEC DES CONTENUS DYNAMIQUES. Par exemple, si j'ai un div qui montre une liste de documents mis à jour par un utilisateur sur un site Web avec chaque document ayant un lien hypertexte. Je veux une demande de poste à faire à une servlet sur le clic de supprimer et en fonction de succès d'ajax je veux recharger la liste de documents à nouveau, y compris le lien Supprimer qui peut à nouveau avoir la possibilité de publier des données sur le servet de suppression et ainsi de suite ...jQuery-Ajax: Recharger le contenu dynamique

Je sais comment utiliser jQuery-ajax et j'arrive jusqu'au point où mon div se recharge avec la nouvelle liste doc (après la suppression d'un document). Cependant cette nouvelle liste chargée par ajax a un problème. Le lien de suppression ne fonctionne plus.

Pour ceux qui ont échoué à comprendre, veuillez considérer cet exemple. Supposons qu'initialement je vois cela sur l'interface utilisateur:

Supprimer           One.doc
Supprimer           Two.doc

Maintenant, la suppression est un lien sur un clic dont i faire un POST à ​​une servlet appelée DeleteServlet qui supprime le doc. Donc, si j'ai cliqué sur Supprimer de One.doc, il devrait être supprimé. Puis en cas de succès d'ajax je recharge le div qui montre la liste des docs. Alors maintenant, je vois cela sur l'interface utilisateur:

Supprimer           Two.doc

fine, qui fonctionne, mais maintenant mon lien Supprimer ne fonctionne pas :(

J'ai vu le code affiché par vue source et tout semble bon

Ci-dessous mon code pour une referene.

a class="subm_it"onclick="filename='${item.path}';document.getElementById('test').submit()" href="#">Delete .. 


$(function() { 
    $("a.subm_it").click(function() { 
    var dataString = 'filename='+ filename; 
    dataString += '&&restype='+resType; 
    dataString += '&&userid='+userid; 
    $.ajax({ 
     type: "POST", 
     url: "delete.do", 
     data: dataString, 
success: function(data) { 
$('div#editable').html(data); 
... 

Répondre

Questions connexes