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

Question

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

5

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

- Aravind Navaneethakrishnan

grammar fixes, code formatted - Blauharley

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Trevor · Answer 1

0

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

你可以使用jQuery的getJSON方法。

- Trevor

我也使用以下命令来检查复选框，是否可以将其添加到上面的代码中：$('#Dyanmic').on('nodeChecked', function (event, data) { if (data.type=="Y") yearFilter(data.text); else if (data.type=="Q") quarterFilter(data.text); else if (data.type=="M") monthFilter(data.text); }); - Aravind Navaneethakrishnan

- Sergo Pasoevi · 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,
});