C# 数据表中未绑定ajax调用成功

我成功地通过ajax调用将数据绑定到表，但当我想将datatable应用到我的表时，它显示为下图，而不是绑定数据：

这是我的密码

<script>

    $.ajax({
        type: "POST",
        url: "/Reports/Pendings/",
        contentType: "application/json; charset=utf-8",
        cache: false,
        traditional: true,
        dataType: "json",
        processData: true,
        "xhrFields": {
            "withCredentials": true
        },
        success: function (data) {
            for (var i = 1; i < data.length; i++) {
                // Replaced key based access(.Key) by index access([1])
                var row = $('<tr><td>' + data[i][0] + '</td><td>' + data[i][1] + '</td><td>' + data[i][2] + '</td><td>' + data[i][3] + '</td><td>' + data[i][4] + '</td><td>' + data[i][5] + '</td><td>' + data[i][6] + '</td><td>' + data[i][7] + '</td></tr>');
                $('#table').append(row);
               

            }

            },
        error: function (jqXHR, textStatus, errorThrown) {
            alert('Error: ' + textStatus + ' - ' + errorThrown);
        }
        });
  

</script>
<script>

    $('#table').DataTable();

</script>

$.ajax({
类型：“POST”，
url:“/Reports/Pendings/”，
contentType:“应用程序/json；字符集=utf-8”，
cache:false，
传统的：是的，
数据类型：“json”，
processData：对，
“xhrFields”：{
“withCredentials”：true
},
成功：功能（数据）{
对于（变量i=1；i

您的ajax调用没有

数据属性，因此您不可能在此请求中向服务器提交任何内容

您的数据应该包括来自表单字段等的值

    // Put your data here.
    let postData = { ... };
    $.ajax({
        type: "POST",
        url: "/Reports/Pendings/",
        contentType: "application/json; charset=utf-8",
        cache: false,
        traditional: true,
        dataType: "json",
        processData: true,
        data: postData, // Include your postData here.
        "xhrFields": {
            "withCredentials": true
        },
        success: function (data) {
            for (var i = 1; i < data.length; i++) {
                // Replaced key based access(.Key) by index access([1])
                var row = $('<tr><td>' + data[i][0] + '</td><td>' + data[i][1] + '</td><td>' + data[i][2] + '</td><td>' + data[i][3] + '</td><td>' + data[i][4] + '</td><td>' + data[i][5] + '</td><td>' + data[i][6] + '</td><td>' + data[i][7] + '</td></tr>');
                $('#table').append(row);
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert('Error: ' + textStatus + ' - ' + errorThrown);
        }
    });

//将数据放在这里。
让postData={…}；
$.ajax({
类型：“POST”，
url:“/Reports/Pendings/”，
contentType:“应用程序/json；字符集=utf-8”，
cache:false，
传统的：是的，
数据类型：“json”，
processData：对，
data:postData，//在此处包含您的postData。
“xhrFields”：{
“withCredentials”：true
},
成功：功能（数据）{
对于（变量i=1；i
您需要在ajax成功回调函数中初始化datatable，因为ajax是默认异步的

$.ajax({
    type: "POST",
    url: "/Reports/Pendings/",
    contentType: "application/json; charset=utf-8",
    cache: false,
    traditional: true,
    dataType: "json",
    processData: true,
    success: function (data) {
        for (var i = 0; i < data.length; i++) {
            var row = $('<tr><td>' + data[i][0] + '</td><td>' + data[i][1] + '</td><td>' + data[i][2] + '</td><td>' + data[i][3] + '</td><td>' + data[i][4] + '</td><td>' + data[i][5] + '</td><td>' + data[i][6] + '</td><td>' + data[i][7] + '</td></tr>');

            $('#myTable').append(row);
        }

        $("#myTable").dataTable();            //init here
    },
    error: function (jqXHR, textStatus, errorThrown) {
        alert('Error: ' + textStatus + ' - ' + errorThrown);
    }
});

$.ajax({
类型：“POST”，
url:“/Reports/Pendings/”，
contentType:“应用程序/json；字符集=utf-8”，
cache:false，
传统的：是的，
数据类型：“json”，
processData：对，
成功：功能（数据）{
对于（变量i=0；i

CDN：


您是否应该在post请求中发送一些数据？如果您的问题是服务器端，而您只显示了客户端，那么我们无法提供太多帮助是的，我必须这样做，而且我的数据很好，只是我想将它们绑定到数据表，看第一行，它们在普通表中显示得很好。您没有在请求上设置任何Post数据。我的数据是从链接下面的API检查返回的json数据亲爱的，我的数据是从API检查返回的此链接我的问题只是要提取到datatable而不是普通表。您仍然需要将其从ajax调用中移动在将其放入数据库之前，请先将其发送到服务器。因此，在我发布的代码中，将
postData
替换为您从APIT获得的任何内容。它给出的错误如下TypeError:$（…）。DataTable不是Object的函数。是否成功添加了
jquery.dataTables.min.js引用
是的，我当然添加了。
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" />