Question

使用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."
            }
        }
    ]
}

Answer 1

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

Answer 2

您还应该看一下使用requireJs和JQM。如果您将页面（或页面元素）存储为模板，则可以通过!text插件轻松将其拉入，然后循环访问JSON以填充必要的数据。

在第一次请求页面/窗口小部件模板时，是否会缓存页面/窗口小部件模板的额外好处。

Answer 3

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

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

从Json生成Jquery Mobile站点

3 个答案: