个人中心
gpt4 book ai didi

javascript - 我想在 Asp.Net MVC 中使用 Ajax 显示表数据。这个 Ajax 语法有什么问题？

转载 作者：行者123 更新时间：2023-12-03 04:04:02 25 4
gpt4 key购买 nike

我想使用 Ajax 请求显示表格数据。

这是我的 Ajax 语法:

  $(document).ready(function() {
                var table = $("#attendance").DataTable({
                    ajax: {
                        url: '@Url.Action("GetAttendance", new {id = Model.Student.Id})',
                        dataSrc: ""
                    },
                    columns: [
                        {
                            data: "Date",
                            render: function(data) {
                                return data;
                            }
                        },
                        {
                            data: "Status.StudentStatus",
                            render: function(data) {
                                return data;
                            }

                        }
                    ]
                });

这是我的操作方法:

  public JsonResult GetAttendance(int id)
    {
        var studentAttendance = _context.Attendances.ToList().Where(m => m.StudentId == id);
        return Json(studentAttendance, JsonRequestBehavior.AllowGet);
    }

现在，我哪里错了？

最佳答案

请插入以下示例。如果您不介意，请按照我的示例操作，然后您就可以解决您的问题。

Controller /模型:

public class AjaxViewModel
{
    public string theDate { get; set; }
    public string StudentStatue { get; set; }
}

public class HomeController : Controller
{
    public string GetAttendance()
    {
        AjaxViewModel aViewModel = new AjaxViewModel { StudentStatue = "stat4", theDate = "12/24/2005" };
        AjaxViewModel aViewModel2 = new AjaxViewModel { StudentStatue = "stat5", theDate = "12/24/2005" };
        AjaxViewModel aViewModel3 = new AjaxViewModel { StudentStatue = "stat6", theDate = "12/24/2005" };

        IList<AjaxViewModel> data = new List<AjaxViewModel>();
        data.Add(aViewModel);
        data.Add(aViewModel2);
        data.Add(aViewModel3);

        JavaScriptSerializer js = new JavaScriptSerializer();
        string json = js.Serialize(data);
        json = "{ \"data\": " + json;
        json = json + " }";
        return json;
    }

查看:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index2020</title>
    <script src="~/Scripts/jquery-1.12.4.min.js"></script>
    <link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet" />
    <script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#uiDataTable").DataTable({
                "ajax": '@Url.Action("GetAttendance")',
                columns: [
                    {
                        "data": "theDate"
                    },
                    {
                        "data": "StudentStatue"
                    }
                ]
            });
        })
    </script>
</head>
<body>
    <table id="uiDataTable" class="display table table-striped table-bordered">
        <thead>
            <tr>
                <th>
                    Date
                </th>
                <th>
                    Status
                </th>

            </tr>
        </thead>
    </table>
</body>
</html>

关于javascript - 我想在 Asp.Net MVC 中使用 Ajax 显示表数据。这个 Ajax 语法有什么问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44638186/

25 4 0
文章推荐： javascript - 为什么使用 numeric.toString() 作为数组键会导致我的脚本卡住
文章推荐： javascript - 检查选择的标签是否已得到答复
文章推荐： javascript - 加载网站时如何为轮播的每张幻灯片重复相同的功能？
文章推荐： javascript - 检查变量，如果为 false，则创建对象
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com