如何使用jQuery和Ajax从js获取JSON数据并动态渲染至HTML页面？

本文共计526个文字，预计阅读时间需要3分钟。

本示例演示了如何使用jQuery和Ajax请求JSON格式数据，并将其渲染到HTML页面。具体步骤如下：

1. JSON格式数据： json [ {id: 1, name: stan}, {id: 2, name: jack}, {id: 3, name: l} ]

2. HTML页面：

3. 代码说明： - 使用jQuery库请求JSON格式数据。 - 成功获取数据后，遍历数据数组，生成HTML字符串。 - 将生成的HTML字符串设置到指定容器的innerHTML中，实现数据渲染。

4. 效果展示： - 页面加载完成后，数据会显示在id为data-container的div元素中。

本文实例讲述了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作。