当前位置: 首页 > 面试题库 >

使用jQuery将JSON数组转换为HTML项目符号列表

斜博超
2023-03-14
问题内容

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


问题答案:
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()函数。

现场演示。



 类似资料:
  • 问题内容: 有没有一种真正简单的方法可以获取JSON对象数组并将其转换为HTML表(不包括几个字段)?还是我必须手动执行此操作? 问题答案: 我不确定这是否是您想要的,但是有jqGrid。它可以接收JSON并生成网格。

  • 问题内容: 我正在使用jQuery模板插件从JSON数据生成HTML,而用户则无法进行操作(并且可能会更改)。我正在寻找一种将该HTML读回到JSON的方法,以便将其保存回我的服务器。jQuery提供了一个$ .tmplItem() 方法,该方法返回最初设置的JSON,但我想知道如何获取当前DOM中的值? 问题答案: 这个怎么样? http://jsfiddle.net/mWuHe/14/ 提取您

  • 我的javascript代码中有一个字符串列表,我通过JQuery将其发送到基于REST的服务,如下所示: 如您所见,我将javascript数组转换为JSON数组。 现在,在服务器端,我使用Spring MVC和Jackson来接收和解析输入JSON: 但我总是得到: 我尝试从JSON对象中删除引号,还尝试使用,但没有成功。 根据OQJF建议进行更新: 我修改了我的帖子请求如下: 现在调用了我的

  • 问题内容: 那是我的JSON数组,但我想将fruits字符串中的所有值转换为Python列表。正确的做法是什么? 问题答案: 您拥有了所需的一切。将是一个字典,将是一个列表

  • 问题内容: 是否有任何jQuery或javascript库根据给定的json数据生成动态表?我不想定义列,该库应该读取json哈希中的键并生成列。 当然,我可以自己遍历json数据并生成html表。我只想知道是否存在可以简单重用的此类库。 问题答案: 感谢大家的答复,这使用jQuery。 程式码片段:

  • 问题内容: 我具有来自Web服务的以下JSON字符串,并且正在尝试将其转换为 我在线上对此进行了验证,这似乎是正确的。现在我在android开发中使用以下代码来利用 这会引发异常和类型不匹配的异常。 问题答案: 在这里,您将获得JSONObject,因此请更改以下行: 具有以下内容: 之后