從Json生成Jquery Mobile站點

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

您還應該看看在JQM旁邊使用requireJs 。 如果將頁面（或頁面元素）存儲為模板，則可以通過！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
   });
  }
});