Use jQuery to convert JSON array to HTML bulleted list

Question

How can you convert an array of strings represented in JSON format and convert this to an HTML bulleted list using jQuery?

Answer 1

var ul = $('<ul>').appendTo('body');
var json = { items: ['item 1', 'item 2', 'item 3'] };
$(json.items).each(function(index, item) {
    ul.append(
        $(document.createElement('li')).text(item)
    );
});

As far as fetching the JSON from your server using AJAX is concerned you could use the $.getJSON() function.

Live demo.