jsTree JSON parse issue

Question

I use JSTree plugin to display department stricture. Serverside (asp.net 3.5) works well and I get JSON object.

But when I try:

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

});

I get only one node with all JSON string in it.
JSON-string, returned by webmethod is:

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

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

  ]
}

If I copy-paste this string to:

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

I get correct result. Pleas help, can't get what am I doing wrong.

DevlshOne · Accepted Answer · 2013-07-19 10:56:21Z

1

Your script is looking for a JSON object of type json_data but the normal response is only data. See if these changes work:

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

});

answered Jul 19, 2013 at 10:56

DevlshOne

8,4671 gold badge31 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ailmcm Over a year ago

i got error: uncaught exception: Neither data nor ajax settings supplied. in my firebug. But Your suggestion gave me right direction: "json_data": {"data": [JSON.parse(msg.d)]},

Collectives™ on Stack Overflow

jsTree JSON parse issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related