当前位置: 首页 > 知识库问答 >
问题:

无法使用jquery DataTable在html表中显示Json数据

松英叡
2023-03-14

我有返回Json格式数据的C#函数,函数如下

  void DisplayProjectMasterList()
        {
            string JSONString = "";
            DataTable Dt = DB.GetDataTable("Sp_GetProjectMasterList");
            if (Dt.Rows.Count > 0)
            {
                JSONString = JsonConvert.SerializeObject(Dt);
            }
            Context.Response.Write(JSONString);
    
        }


and I am Calling This Function Via Ajax  .in console i am getting json data  But i dont know how to pass it to Jquery data table to display.. below is the javascript function... please help Me

function DisplayProjectMasterList() {
    $.ajax({
        url: 'project-master.ashx',
        type: "POST",
        dataType: 'json',
        data: {
            'fun': 'DisplayProjectMasterList'
        },
        success: function (data) {
            console.log(data);
            if (Chk_Res(data.errorMessage) == false) {
                    $('#tbl').dataTable({
                        paging: true,
                        sort: true,
                        searching: true,
                        scrollY: 200,
                        data: data,
                        columns: [
                            { 'data':data.Prj_Id },
                            { 'data':data.Prj_No },
                            { 'data':data.Prj_Name },
                            { 'data':data.Cus_Company_Name },
                            { 'data':data.Prj_StartDate },
                            { 'data':data.Prj_CompletionDate },
                        ]

                    });
               
             }
        }
        
    });
}

执行此操作时,我遇到以下错误:

null

共有1个答案

万俟鸿波
2023-03-14

Hi请确保返回的数据采用以下格式:

{
  "data": [
    {
     "Prj_Id": 1,
      "Prj_No": 1,
      "Prj_Name": "name",
      "Cus_Company_Name": "company",
      "Prj_StartDate": "2011/04/25",
      "Prj_CompletionDate": "2011/04/25"
    },
{
      "Prj_Id": 1,
      "Prj_No": 1,
      "Prj_Name": "name",
      "Cus_Company_Name": "company",
      "Prj_StartDate": "2011/04/25",
      "Prj_CompletionDate": "2011/04/25"
    }
  ]
}

默认情况下,jquery Datatables查找对象数组的数据属性https://Datatables.net/reference/option/ajax.datasrc https://Datatables.net/examples/ajax/objects.html

 类似资料:
  • 问题内容: 我曾经使用过,但是它只能显示HTML,不能显示SVG,并且嵌套的SVG HTML无法完成显示。 然后,我使用,但是它只能显示SVG,不能显示HTML。 有什么办法解决这个问题? 问题答案: 配置为将画布用于SVG。为此,您需要一个专家。这里是的Appleteer。

  • 我的一个视图返回了一个字符串,如下所示: 我试图用刀片显示它: 但是,输出是原始字符串,而不是呈现的超文本标记语言。如何在Laravel中使用Blade显示超文本标记语言? PS.PHP正确显示HTML。

  • 我有以下JSON数据: 我想在标记中显示它。我试着这样做:

  • 问题内容: 我正在尝试使用Chart JS 创建一个表,该表具有来自JSON文件的动态生成的数据点。我的代码的逻辑如下所示: 同时,我的JSON文件如下所示: 该变量包含ChartJS的配置设置,包括设置数据点。当加载到ChartJS中时,提供显示我的图表所需的信息。 无论如何,我的想法是使用变量作为使用for循环附加数据集的一种方式。不幸的是,该代码未产生任何结果。我知道我添加变量的方法有问题,

  • 问题内容: 我有这个表格: 但是当我提交一个é字符时,它将变成é。 为什么不起作用?是的,MySQL数据库已正确设置了所有字符集。(数据库,表。)如果我使用Navicat手动将其放在数据库中,它会在网页上很好地显示。 另外,我尝试了元标记,设置了内容类型标头,但没有成功。 问题答案: 在您的HTML中,添加以下元标记: 还要在脚本顶部添加以下PHP标头: [编辑]: 另一个提示是将文件另存为编码。

  • 问题内容: 我有一个包含几列的HTML表,我需要使用jquery实现一个列选择器。当用户单击复选框时,我要隐藏/显示表中的相应列。我想在不将类附加到表中的每个td的情况下执行此操作,是否可以使用jquery选择整个列?以下是HTML的示例。 问题答案: 我想做到这一点而不必在每个td上附加一个类 就个人而言,我会采用“每课时听课/课时/上课”的方法。然后,您可以通过对容器上的className的一