Boucle jQuery à partir d'une réponse AJAX

Question

Je construis un tagger. Une fois qu'un utilisateur soumet une étiquette, les retours ajax:

{"returnmessage":"The Ajax operation was successful.","tagsinserted":"BLAH, BLOOOW","returncode":"0"} 

Je veux prendre la tagsinserted et la boucle à travers elle, et pendant chaque boucle prendre l'élément dans la liste et l'insérer sur la page HTML. suggestion sur la façon de le faire correctement?

Voici le code actuel:

$("#tag-post").click(function(){ 
    // Post $('#tag-input').val() 
    $.ajax({ 
     url: '/tags/ajax/post-tag/', 
     data: { newtaginput : $('#tag-input').val(), userid : $('#userid').val()}, 
     success: function(data) { 
      // After posting 
      alert('done'); 

     } 
    });  

}); 

Answer 1

Vous pouvez faire quelque chose comme ceci:

$("#tag-post").click(function(){ 
    $.ajax({ 
    url: '/tags/ajax/post-tag/', 
    data: {newtaginput : $('#tag-input').val(), userid : $('#userid').val()}, 
    success: function(data) { 
     $.each(data.tagsinserted.split(', '), function(i, v) { 
     $("<div></div>").text(v).appendTo("#tagHolder"); 
     }); 
    } 
    }); 
}); 

Answer 2

Vous pouvez parcourir les balises en appelant data.tags.split(',') et en boucle à travers le tableau, il retourne. Vous pouvez insérer des étiquettes sur la page en appelant $('<li />').text(tag).appendTo('someSelector').