How to resolve circular reference issue

Question

Hi pal,

 

Am getting full data from api in ajax call. but when am binding into kendo grid it's show's as [object][object] wherever am having reference.

 

example

json data

 

1.companyid:101

2.company-

      -companyid:101

      -companyname:abc

3.userid : 03

4.profile-

   -userid :03

   -Firstname:Xyz 

5.CreatedDate 

 

am displaying data kendo gird

companyId   CompanyName Userid  Firstname CreateDate

 

 

am getting data as  

 companyId CompanyName    Userid     Firstname           CreateDate

101               [object][object]         03         [object][object]    28.02.2017

 

can you resolve this?

 

 

$(document).ready(function () {

var APIURL = $("#APIUrl").val();

$.ajax({

url: APIURL + "/GetClaimedCompanies",

type: "Get",

dataType: 'json',

contentType: 'application/json; charset=utf-8',

success: function (result) {

var ClaimedCompanyList = new kendo.data.DataSource({

data: result,

});

var grid = $("#grid").kendoGrid({

dataSource: ClaimedCompanyList,

pageable: true,

height: 430

});

}

});

});