Цикл jQuery из ответа AJAX

Question

Я создаю тегер. После того, как пользователь отправляет тег, ajax возвращает:

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

Я хочу взять теги и вставить их в цикл, а во время каждого цикла взять элемент в списке и вставить его на страницу HTML. предложение о том, как сделать это правильно?

Вот текущий код:

$("#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

Вы можете сделать что-то вроде этого:

$("#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

Вы можете перебирать теги, вызывая data.tags.split(',') и перебирая возвращаемый массив.

Вы можете вставить теги на страницу, позвонив $('<li />').text(tag).appendTo('someSelector').