Привязка данных с помощью jQuery

Question

Я пытаюсь заполнить данные данными из базы данных 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' }
                ]
            });
        }
    });
}