繁体   English   中英

将JSON数据添加到DataTable

Adding JSON data to DataTable

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

希望有人可以为我访问此文件,因为我无法弄清楚。

数据已成功接收,但是数据不会加载到表中。 没有错误信息。 只是根本不会做。 以前,当我在DataTable中使用ajax调用时,此方法起作用,但是当我将Ajax调用移至DataTable创建之外时,则不起作用。

JSON数据示例:

{
    "data":[
        {
            "Id": 1,
            "Name": "Fred"
        },
        {
            "Id": 2,
            "Name": "Tommy"
        }
    ]
}

获取JSON的函数调用:

function getJSON() {
    $.ajax({
        url: "Home/GetList",
        type: "GET",
        datatype: "json"
    }).done(function(data) {
        drawDataTable('Table', data);
    });
}

绘制数据表

function drawDataTable(divId, data) {
    var table = $('#' + divId).DataTable({
        data: data,
        dataSrc: "",
        columnDefs: [
            { "targets": [0], "data": "Id" },
            { "targets": [1], "data": "Name" }
        ]
    });
    return table;
}

然后,我通过function drawDataTable(divId, data)将这个大数据数组(1000个数组元素)发送到我的Datatable函数

在该DataTable函数中,我使用:

data: data,
dataSrc: ""

我也尝试过删除dataSrc并将其设置为dataSrc: "data"但均dataSrc: "data"

2 个回复

我认为您错过了JSON的结构,请尝试使用data.data

 function drawDataTable(divId, data) {
        var table = $('#' + divId).DataTable({
            data: data.data, //updated here
            dataSrc: "",
            columnDefs: [
                { "targets": [0], "data": "Id" },
                { "targets": [1], "data": "Name" }
            ]
        });
        return table;
    }

确保您正在此函数中编写代码

$(document).ready(function() { 
// your code
}

因为在此之外编写的任何内容均可能无法正常工作,尤其是在使用dataTables时。

另外,您可以按以下方式编写此代码(如果有帮助的话)

$(document).ready(function() {
   function drawDataTable(divId,data) {
   var t = $('#'+ divId).DataTable();
   var dataObj = JSON.parse(data);
   dataObj.forEach(element => {
      t.row.add([
            element.Id,
            element.name
         ]).draw(false)
    });
 }})
1 将JSON添加到数据表

我试图将PHP脚本生成的JSON添加到VB.net数据表中,但是我的JSON格式不正确(缺少双引号)。 PHP: 生成缺少附加双引号的JSON: 这是我用来将JSON设置为数据表的VB.net代码: ...

2 将数据添加到数据表

这段代码将插入的ID记录在arraylist中,当按下按钮时,它应该为此数组创建循环,并从该数组中获取每个ID的数据,然后将其放入Datatable中,并在循环到datatable时添加新数据,最后显示它在datagridview中。 当我插入一条记录时结果中的问题可以很好地解决,但是当我插入 ...

5 数据表中的Json数据

在这里我有数据表转换json的问题。 这是我称为SearchCollection课程 我已经从存储过程中收集了数据并将其推入数据表,这就是为什么要使用ConvertToDatatable() ,那时候我得到了一个包含3个表数据的数据表 其中包含3个表格数据。 所以..这是 ...

6 jQuery的数据表数据到JSON

我正在研究一种需要将数据表数据传递到服务器端的方案。 这是我尝试过的- 要在视图中获取数据表数据- 然后尝试使用ajax cal发布数据- 而在Controller动作方法中- 我在服务器端获取空值。 如何将所有数据表数据传递到服务器端? ...

7 用数据表显示json数据

我在 javascript 中遇到了一个问题。 我想在具有特定列的get url data中显示get url data 。 我应该怎么办? 有人帮我吗? 我的代码:我尝试但它不起作用 if (data.status === 200) { var response = JSON ...

8 在datatable中显示JSON数据

首先,我有适当的JSON数据格式: 我有HTML: 我尝试使用此Javascript代码运行dataTable: 但是我没有看到数据表,所以dataTable存在,但JSON的值我看不到。 我只看到没有数据的空白表。 另外在控制台日志中有2个错误: da ...

9 数据表未填充JSON数据

请我不知道这段代码有什么问题,我尝试调用我的api,在我的api中结果成功,但是试图填充的数据表返回错误。 这是我的人口代码,我不知道它是否有问题 这是我要填充的表 这些是它返回的错误 DataTables警告:表id = appraisaltable-请求第0行第1 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM