You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ASP.NET中DataTable无法显示后端返回数据的问题

问题原因与解决方案

核心问题:自定义success回调覆盖了DataTable的内置处理逻辑

你在AJAX配置中手动定义了success函数,这会阻断DataTable自动解析并渲染数据的流程。DataTable原本会通过内置逻辑读取返回的data字段并填充表格,但你的自定义success仅做了控制台打印,没有将数据传递给DataTable处理。

修复步骤

  1. 移除自定义的success、failure回调,改用DataTable原生的错误处理方式。
  2. 清理columns配置末尾的多余逗号,避免部分浏览器出现语法解析错误。

修改后的jQuery代码

$(document).ready(function () {
    $('#myTable').DataTable({
        processing: true,
        ajax: {
            url: "/Employee/GetList",
            type: "GET",
            dataType: "json",
            error: function (xhr, error, thrown) {
                alert('加载数据失败: ' + thrown);
            }
        },
        columns: [
            { data: "EmployeeId" },
            { data: "Name" },
            { data: "Age" },
            { data: "Position" }
        ]
    });
});

额外检查项

  • 确认页面已按正确顺序引入依赖:先引入jQuery库,再引入DataTable的CSS和JS文件。
  • 后端返回的JSON格式{ "data": [...] }符合DataTable的要求,这部分无需调整。

内容的提问来源于stack exchange,提问作者Dhrubajyoti Bharali

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 04:20:20