从 Json 生成 Jquery Mobile 网站答案

【问题标题】：Generating Jquery Mobile site from Json从 Json 生成 Jquery Mobile 网站
【发布时间】：2013-03-30 18:16:58
【问题描述】：

使用jQuery Mobile 我想使用下面的 json 生成页面。通过生成我的意思是这个 json 代表整个移动网站的布局和结构。我想以某种方式循环这些数据（客户端站点）并创建带有页面列表和页面的主页。有人可以让我举个例子吗？

非常感谢

{
    "name": "My Site Name",
    "logo": "",
    "theme": "a",
    "fullSiteLink": "http://www.google.com",
    "pages": [
        {
            "id": "1364666933727",
            "name": "I'm a page",
            "type": "basic",
            "components": {
                "img": "url here",
                "text": "This is the page content."
            }
        }
    ]
}

【问题讨论】：

标签： javascript jquery json jquery-mobile

【解决方案1】：

您还应该看看在 JQM 旁边使用 requireJs。如果您将页面（或页面元素）存储为模板，您可以通过!text 插件轻松地将它们拉入，然后循环遍历您的 JSON 以填充必要的数据。

您的页面/小部件模板在第一次请求后被缓存。

【讨论】：

【解决方案2】：

首先尝试按照您的想法构建一个页面，然后制作一些占位符并编写一个脚本，用您的 JSON 数据填充它们。

【讨论】：

【解决方案3】：

要获取 JSON 数组，请使用 $.ajax。

$.ajax({
 Type: "GET",
 url: URL,
 dataType: "json",
 contentType: "application/json",
  success: function(data) {
  $.each(data, function(index, value) {
   // your code here
   });
  }
});

【讨论】：