jquery - jsTree JSON解析问题

Question

我使用 JSTree 插件来显示部门限制。服务器端（asp.net 3.5）运行良好，我得到 JSON 对象。

但是当我尝试时：

$(document).ready(function () {
    $('#btntst').click(function () {
        $('#mainDiv').html('wait for data');
        $.ajax({
            type: 'POST',
            url: '_layouts/GridView/ApplicationPage1.aspx/getTable',
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
            data: "{}",
            success: function (msg) {
                $('#jsTreeContainer').jstree({
                    "json_data": {
                        "data": [msg.d]
                    }
                    , "plugins": ["themes", "json_data"]
                });
            }
            , timeout: 60000
        });
    });

});

我只得到一个包含所有 JSON 字符串的节点。
由 webmethod 返回的 JSON 字符串是：

{
  'data': 'department001',
  'attr': {
    'id': 'nodeid1773'
  },
  'children': [

  ]
},
{
  'data': 'department001',
  'attr': {
    'id': 'nodeid1779'
  },
  'children': [

  ]
}

如果我将此字符串复制粘贴到：

"json_data": {"data" : [...] }

我得到正确的结果。请帮忙，不明白我做错了什么。

Answer 1

您的脚本正在寻找 JSON 类型的对象，json_data但正常响应仅为data. 看看这些更改是否有效：

$(document).ready(function () {
    $('#btntst').click(function () {
        $('#mainDiv').html('wait for data');
        $.ajax({
            type: 'POST',
            url: '_layouts/GridView/ApplicationPage1.aspx/getTable',
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
            data: "{}",
            success: function (msg) {
                $('#jsTreeContainer').jstree({
                    "json_data": [msg.d],
                    "plugins": ["themes", "json_data"]
                });
            }
            , timeout: 60000
        });
    });

});