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

Posted 2021-04-11

我编写了一个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,
  });
}

答案

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

您可以使用jquery getJSON。

另一答案

您的数据应以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,
});