使用 jquery 从文件中获取 JSON 数据

Question

我已经编写了一个 jquery，通过将硬编码值分配给变量来获取数据。

我的要求是从 json 文件中获取相同的数据，任何人都可以帮助我完成此代码。请在下面找到代码：

$(function () {
  var jsonCalendarTreeStructure = [
    {
      text: 'Years',
      nodes: [
        {
          text: '2013',
          type: 'Y',
          nodes: [
            {
              text: '13-Q1',
              type: 'Q',
            },
            {
              text: '13-01',
              type: 'M',
            },
            {
              text: '13-02',
            },
            {
              text: '13-03',
            }
          ]
        }
      ]
    }
  ];
  $('#Dyanmic').treeview({
    data: jsonCalendarTreeStructure,
  });
}

Answer 1

$.getJSON('URL to JSON file', function(data){
   //use data
});

您可以使用 jquery getJSON。

Answer 2

您的数据应以 json 格式提供：

[  
   {  
      "text":"Years",
      "nodes":[  
         {  
            "text":"2013",
            "type":"Y",
            "nodes":[  
               {  
                  "text":"13-Q1",
                  "type":"Q"
               },
               {  
                  "text":"13-01",
                  "type":"M"
               },
               {  
                  "text":"13-02"
               },
               {  
                  "text":"13-03"
               }
            ]
         }
      ]
   }
]

使用任何方法（例如 ajax），您都可以反序列化它：

$.get('url', function (data) {
    $('#Dyanmic').treeview({
    data: data,
});