jquery - 创建数据驱动的 html 网页

Question

目前我正在使用 jquery 从 mysql 数据库中获取数据，但我想知道如何根据收到的数据为我的网页创建内容。例如，如果我返回一个像 { "options" : 3 } 这样的 JSON 对象，那么我想知道如何在 HTML 中做出相应的响应来创建 4 个列表项。

    for (i = 0; i < 3; i++){
    $('ul#optionsList').append('<li><a href="javascript:void(loadRand());">1.</a>          </li>');
        }

jQuery Mobile 列表视图

    <ul id="optionsList" data-role="listview" data-theme="g">
        </ul>

先感谢您。

score 3 · Accepted Answer

您有很多可能如何创建和修改 DOM 元素，这里是填充无序列表的jsFiddle示例

有关创建新元素的更多信息，请参阅

为了更好地构建您的页面，您可以考虑使用Backbone.js等库（此处提供全面的初学者教程）

score 0 · Accepted Answer

如果您需要使用您的数据构建一个巨大的 html，请考虑使用模板。handlerbars.js 是一个非常好的选择。http://handlebarsjs.com/

2 回答 2