ajax - 使用来自 Asp.net MVC Action 方法的 json 提供 ajax 数据表

Question

我正在使用 Ajax 数据表，我想为表提供 Json 数据，这是我从 MVC 操作方法返回的。这是我到目前为止尝试过的，

我的 Controller Action 方法

public ActionResult Index()
{
    _dbcontext = new dbContext();
    List<Employee> employees = new List<Employee>();
    var query = (from e in _dbcontext.Employees select new { e.FirstName, e.LastName, e.Username, e.Password }).ToList();
    return Json(query,JsonRequestBehavior.AllowGet);
}

这是我在索引页面上的 Javascript

</script>
    $(document).ready(function () {
        $('#example').dataTable({
            "processing": true,
            "serverSide": true,
            "ajax": {
                "url": "Home/Index",
                "dataType": "jsonp"
            }
        });
    });
</script>

但是在页面加载时只能看到纯 Json 数据而没有数据表，我认为它甚至没有在索引页面上呈现 Html，因此也没有数据表，因为我在 chrome 调试器中看不到任何东西。

此外，Html 和脚本引用都可以，因为当我从具有数据数组的 .txt 文件提供数据表时，我可以看到结果。

我不知道这样做的正确方法是什么，如果有人有解决方案，请帮忙，谢谢。

Answer 1

我认为你需要做的就是下面这些

</script>
    $(document).ready(function () {
        $('#example').dataTable({
            "ajax": "/Home/Index",
             "columns": [
                        { "data": "FirstName" },
                        { "data": "LastName" },
                        { "data": "Username" },
                        { "data": "Password" },
                        ]
        });
    });
</script>

不需要处理和服务器端，当您有大量数据并希望在服务器端完成分页和排序时使用它们，这在您的代码中不是这种情况