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

Question

I have written a jquery to get data by assigning a hard coded value to variable.

My requirement is to get the same data from a json file, can anyone help me with this code in doing that. Please find the code below:

$(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
});

You can use jquery getJSON.

Answer 2

Your data should be available in json in this format:

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

With whatever method (ajax, for example), you can then deserialise it:

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