使用jQuery将JSON数组转换为HTML项目符号列表 [英] Use jQuery to convert JSON array to HTML bulleted list

问题描述

如何转换以JSON格式表示的字符串数组，并使用jQuery将其转换为HTML项目符号列表?

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

推荐答案

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)
    );
});

就使用AJAX从服务器获取JSON而言，您可以使用 $.getJSON() 函数.

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

实时演示.

这篇关于使用jQuery将JSON数组转换为HTML项目符号列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！