用jQuery绑定数据表

时间:2019-04-01 18:00:11

标签: javascript c# jquery datatable

我正在尝试使用SQL数据库中的数据填充数据表。我有以下C#代码,它返回的记录数正确。

       public class myClass
        {
            public int CenterID { get; set; }
            public string CenterName { get; set; }
            public string LicenseKey { get; set; }
            public DateTime ExpiryDate { get; set; }
            public string YearID { get; set; }
            public DateTime Date { get; set; }
        }

    [WebMethod]
    [System.Web.Script.Services.ScriptMethod(UseHttpGet = true)]
    public static List<myClass> Bind()
    {
        SqlConnection con = new SqlConnection(
        WebConfigurationManager.ConnectionStrings["MyDbConn"].ConnectionString);
        con.Open();
        List<myClass> newClass = new List<myClass>();
        SqlDataReader rdr = null;
        SqlCommand cmd = new SqlCommand("zCenterDetails_get", con);
        cmd.CommandType = System.Data.CommandType.StoredProcedure;
        rdr = cmd.ExecuteReader();
        while (rdr.Read())
        {
            newClass.Add(new myClass
            {
                CenterID = Convert.ToInt32(rdr["CenterID"]),
                CenterName = rdr["CenterName"].ToString(),
                LicenseKey = rdr["LicenseKey"].ToString(),
                ExpiryDate = Convert.ToDateTime(rdr["ExpiryDate"]),
                YearID = rdr["YearID"].ToString(),
                Date = Convert.ToDateTime(rdr["Date"]),
            });
        }
        con.Close();
        return newClass;
    }

我正在努力的事情是用AJAX绑定数据。到目前为止,这是我尝试过的方法,但我知道这是不正确的。由于我是数据表的新手,请协助我将数据放入数据表。谢谢

这是我到目前为止所拥有的:

function Bind() {
    $.ajax({
        type: "GET",
        url: "WebForm1.aspx/Bind",
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (data) {
            $('#datatable').DataTable({
                data: data,
                columns: [
                    { 'data': 'CenterID' },
                    { 'data': 'CenterName' },
                    { 'data': 'LicenseKey' },
                    { 'data': 'ExpiryDate' },
                    { 'data': 'YearID' },
                    { 'data': 'Date' }
                ]
            });
        }
    });
}

0 个答案:

没有答案