jQuery Loop from a AJAX Response

Question

I'm building a tagger. After a user submits a tag, ajax returns:

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

I want to take the tagsinserted and loop through it, and during each loop take the item in the list and insert it on the HTML page. suggestion on how to do this right?

Here is the current code:

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

        }
    });     

});

Nick Craver · Accepted Answer · 2010-03-19 13:42:26Z

1

You can do something like this:

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

answered Mar 19, 2010 at 13:42

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

AnApprentice Over a year ago

I like this. strange.. Here is the response:{"returnmessage":"The Ajax operation was successful.","tagsinserted":"adadada","returncode":"0"} I'm getting a tagsinserted is undefined?

Nick Craver Over a year ago

@nobosh - Add the dataType: 'json', option to your $.ajax call and alert(data); to your success call, what do you get?

AnApprentice Over a year ago

It's still saying "data.tagsinserted is undefined" in Firebug.... Here is the response again: {"returnmessage":"The Ajax operation was successful.","tagsinserted":"tettttt","returncode":"0"}

AnApprentice Over a year ago

For Alert Data, it's showing up right I think: {"returnmessage":"The Ajax operation was successful.","tagsinserted":"tettttt","returncode":"0"}

AnApprentice Over a year ago

alert(data.tagsinserted); is altering undefined too

|

SLaks · Accepted Answer · 2010-03-19 00:41:34Z

0

You can loop through the tags by calling data.tags.split(',') and looping through the array it returns.

You can insert tags to the page by calling $('<li />').text(tag).appendTo('someSelector').

answered Mar 19, 2010 at 0:41

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Collectives™ on Stack Overflow

jQuery Loop from a AJAX Response

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related