实现数据表时遇到错误-TypeError：将循环结构转换为 JSON

Posted 2023-05-08

【中文标题】实现数据表时遇到错误-TypeError：将循环结构转换为 JSON

【英文标题】：Facing error while implementing data tables - TypeError: Converting circular structure to JSON

【发布时间】：2021-04-14 21:05:44

【问题描述】：

我正在尝试在我的视图中实现数据表，但它显示以下错误，我已尝试所有方法来解决问题，但我无法

错误：

base.js:1 TypeError: Converting circular structure to JSON
--> starting at object with constructor 't'
|     property '$parent' -> object with constructor 'i'
--- property '$$childTail' closes the circle

这是我的 js 代码：

 self.initTable = function () 

        self.dtOptions = DTOptionsBuilder.newOptions()
            .withOption('ajax', function (data, callback) 
                
                for (var i = 0; i < 5; i++) 
                    rowsData.push(
                        "Col1": `<div  style=" padding: 10px 0px;">XYZ</div>`,
                        "Col2": `<div  style=" padding: 10px 0px;">XYZ</div>`,
                        "Col3": `<div style=" padding: 10px 0px;">XYZ</div>`,
                    );
                   
                
                callback(
                    recordsTotal: 10,
                    recordsFiltered: 10,
                    data: rowsData
                );
            )
            .withOption('createdRow', function (row) 
                angular.element(row).addClass('height-42');
                angular.element(row).addClass('hover-pointer');
            )
            .withDataProp('data')
            .withOption('serverSide', true)
            .withOption('processing', true)
            .withOption('deferLoading', true)
            .withOption('order', [])
            .withPaginationType('simple')
            .withDOM('tri')
            .withOption('pageLength', 10)
            .withLanguage(
                "sProcessing": "Loading"
            )
            .withOption('autoWidth', false);

        self.dtColumns = [
            DTColumnBuilder.newColumn('Col1').withTitle('Col1').notSortable(),
            DTColumnBuilder.newColumn('Col2').withTitle('Col2').notSortable(),
            DTColumnBuilder.newColumn('Col3').withTitle('Col3').notSortable(),
            
        ];
        self.dtInstanceCallback = dtInstanceCallback;

        function dtInstanceCallback(instance) 
            self.dtInstance = instance;

        
    

这里我试图在 rowsData 数组中插入数据，然后在数据表中显示，但它显示“未找到匹配的记录”。谁能告诉我我做错了什么以及为什么会出现这个问题？

【参考方案1】：

出现此问题是因为您已正确链接您在 rowsData 数组中使用的值。使用正确的标题更新表格列的标题，这将解决问题。