DataTables Ajax请求404错误求助：新增改进提案功能异常

AI 小北

2026-8-10

问题描述

我正在开发一个支持添加员工和改进提案的项目，员工功能运行正常，但点击添加改进提案时出现以下错误：

DataTables warning: table id=tblData - Ajax error.

Chrome开发者工具中显示的错误信息为：

Failed to load resource: the server responded with a status of 404 ()

注：Forslag意为提案/建议，以下是我的forslag.js文件代码：

var dataTable;

$(document).ready(function () {
   loadDataTable();
});

function loadDataTable() {
    dataTable = $('#tblData').DataTable({
        "ajax": {
            "url": "Admin/Forslag/GetAll"
        },
        "columns": [
            { "data": "nyttForslag", "width": "15%" },
        ]
    });
}

排查与解决建议

确认后端接口是否存在：404错误意味着请求的Admin/Forslag/GetAll地址不存在。检查后端代码，比如ASP.NET Core场景下，要确认Admin区域下是否有ForslagController，且该控制器中存在被[HttpGet]修饰的GetAll方法。
修正URL路径：如果项目部署在子目录，相对路径可能失效。可以尝试将URL改为绝对路径（比如/Admin/Forslag/GetAll，注意开头的斜杠）；若是ASP.NET项目，也可以用后端生成路径的方式，比如@Url.Action("GetAll", "Forslag", new { area = "Admin" })替换硬编码的URL。
核对路由规则：检查控制器是否有自定义路由属性，确保路由模板与请求的URL匹配。同时确认控制器类名符合规范（比如ForslagController，后缀不能少）。
直接测试接口：在浏览器地址栏输入完整的接口URL，验证是否能返回数据。如果仍返回404，说明后端接口未正确配置；如果能返回数据，再排查DataTables的请求是否存在方法不匹配、参数错误等问题。