Question

我正在构建一个标记器。用户提交标记后，ajax返回：

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

我想将tagsinserted和循环遍历，并在每个循环中获取列表中的项目并将其插入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')。

将标签插入页面

来自AJAX响应的jQuery循环

2 个答案: