Use jQuery to convert JSON array to HTML bulleted list

by 
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.

More Related Contents:

  1. Jquery Ajax Posting JSON to webservice
  2. How can I use JQuery to post JSON data?
  3. Send JSON data via POST (ajax) and receive json response from Controller (MVC)
  4. How can I post an array of string to ASP.NET MVC Controller without a form?
  5. Linking from a column value in jqGrid to a new page using GET
  6. Using jQuery to build table rows from AJAX response(json)
  7. load json into variable
  8. JSONP request error handling
  9. How to access JSON Object name/value?
  10. JQuery post JSON object to a server
  11. Posting JSON data via jQuery to ASP .NET MVC 4 controller action
  12. Is there a version of $getJSON that doesn’t use a call back?
  13. How to set encoding in .getJSON jQuery
  14. Convert a HTML table data into a JSON object in jQuery
  15. jQuery UI autocomplete with JSON
  16. How do you stop Chrome and Opera sorting JSON objects by Index ASC?
  17. Reload chart data via JSON with Highcharts
  18. jQuery parse JSON multidimensional array
  19. When using Ajax with jQuery DataTables, how do I determine what to do with the data returned?
  20. Convert Object to JSON string
  21. How do I PUT data to Rails using JQuery
  22. Post Nested Object to Spring MVC controller using JSON
  23. No response from MediaWiki API using jQuery
  24. Passing dynamic json object to C# MVC controller
  25. GUI-based or Web-based JSON editor that works like property explorer [closed]
  26. Rails not decoding JSON from jQuery correctly (array becoming a hash with integer keys)
  27. Why is Everyone Choosing JSON Over XML for jQuery? [closed]
  28. What should a JSON service return on failure / error
  29. Why does $.getJSON silently fail?
  30. How to download a file through ajax request in asp.net MVC 4

Leave a Comment