How to pass controller Data Table generate from stored procedure having Pivot Operation to ajax success function to populate html table

Question

在我的场景中，我在 controller 访问的 SQL 服务器中有一个存储过程。 存储过程包含一个Pivot操作（列数因传递到存储过程的参数而异）。

首先，我应用了正确执行的以下查询，但该查询无法处理动态列数。

[HttpPost]
public JsonResult check(int val)
{
    // Get student name of string type
    var courseList = ctx.Database.SqlQuery<adminscore>("exec employee @contest ", idParam).ToList<adminscore>();

    // Or can call stored procedure the following way
    var courseList = ctx.Courses.SqlQuery("exec GetCoursesByStudentId @StudentId ", idParam).ToList<Course>();

    foreach (adminscore cs in courseList)
        Debug.WriteLine(" Name: {0} cid{1} col{2}", cs.EMPLOYEE_NAME,cs.CONTEST_ID,cs );

    return new JsonResult { Data = courseList, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
}

现在我尝试第二种方法，我将存储过程的结果存储在数据表中。 这种方法也可以正常工作，但是如何将 controller 数据表发送到 ajax 成功 function 以填充表（标题和行都是动态的）。

此代码用于将数据保存到数据表中：

[HttpPost]
public JsonResult check(int val)
{
    // var courseList="";
    Debug.WriteLine("val= {0}", val);
    var dt = new DataTable();

    string connString = ConfigurationManager.ConnectionStrings["connectdbs"].ConnectionString;

    using (SqlConnection conn = new SqlConnection(connString))
    {
        // set stored procedure name
        string spName = @"[dbo].[adminscore]";

        // define the SqlCommand object
        SqlCommand cmd = new SqlCommand(spName, conn);

        // Set SqlParameter - the employee id parameter value will be set from the command line
        SqlParameter param1 = new SqlParameter();
        param1.ParameterName = "@contestid";
        param1.SqlDbType = SqlDbType.Int;
        param1.Value = val;

        // add the parameter to the SqlCommand object
        cmd.Parameters.Add(param1);

        // open connection
        conn.Open();

        // set the SqlCommand type to stored procedure and execute
        cmd.CommandType = CommandType.StoredProcedure;

        SqlDataReader dr = cmd.ExecuteReader();

        Debug.WriteLine(Environment.NewLine + "Retrieving data from database..." + Environment.NewLine);
        Console.WriteLine("Retrieved records:");

        // check if there are records
        if (dr.HasRows)
        {
            Debug.WriteLine("success");

            // using (var reader = cmd.ExecuteReader())
            // {
            dt.Load(dr);
            // }
        }
        else
        {
            Debug.WriteLine("No data found.");
        }

        // close data reader
        dr.Close();

        // close connection
        conn.Close();
    }

    Debug.WriteLine("Start loading");
    string line = "";

    foreach (DataColumn item in dt.Columns)
    {
        line += item.ColumnName + "   ";
    }

    line += "\n";

    foreach (DataRow row in dt.Rows)
    {
        for (int i = 0; i < dt.Columns.Count; i++)
        {
            line += row[i].ToString() + "   ";
        }

        line += "\n";
    }
            
    Debug.WriteLine(line);
        
    return new JsonResult { Data = dt, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
}

看法：

@using System.Data
@model DataTable

@{
    ViewBag.Title = "Home Page";
}

@Html.DropDownList("Contest", "Select Contest")

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<script type="text/javascript">

            var val;
            $("#Contest").change(function () {
                val = $("#Contest").val();
                alert("selected=" + val)


                var data = JSON.stringify({
                    //'P_no': P_no,
                    'val': val
                });
                $.ajax({
                    type: "POST",
                    url: "/Home/check",
                    data: data,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (r) {
                        // var name=customers.Employee_name;
                        //$("#txtName").val(r.Employee_name);
                        
                        alert("suceess" + r);
                    }
                });
            });
</script>