使用Webservice填充Jquery数据表

我在Asp.net创建了一个Web服务，它返回以下内容

 [{"Id":13,"FirstName":"Mohsin","LastName":"Mustufa","Birthday":"12/11/1990","Phone":null,"Email":"[e-mail]","UserId":"11"}] 

现在我想在Jquery Datatable填充该数据

这是HTML

 
 
 
 
Id
 
FirstName
 
LastName
 
Birthday
 
Phone
 
Email
 
UserId
 
 
 
 
 
Id
 
FirstName
 
LastName
 
Birthday
 
Phone
 
Email
 
UserId
 
 
  

jQuery的

 $.ajax({ type: 'POST', url: 'ws.asmx/ContactsList', data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { //alert(data.d); $('#example').dataTable({ "aaData": data.d, "aoColumns": [ { "mDataProp": "Id" }, { "mDataProp": "FirstName" }, { "mDataProp": "LastName" }, { "mDataProp": "Birthday" }, { "mDataProp": "Phone" }, { "mDataProp": "Email" }, { "mDataProp": "UserId" } ] }); }}); 

这里data.d在调用console.log时显示以下内容

 [{"Id":13,"FirstName":"Mohsin","LastName":"Mustufa","Birthday":"12/11/1990","Phone":null,"Email":"[e-mail]","UserId":"11"}] 

网络服务

 [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string ContactsList() { var contacts = new List(); var conn = ConfigurationManager.ConnectionStrings["AccountsConnectionString"].ConnectionString; using (var con = new SqlConnection(conn)) { con.Open(); const string query = "SELECT [Id], [F_name], [L_name], [Phone], [Birthday], [Email], [User_id] FROM [Contacts]"; var cmd = new SqlCommand(query, con); var reader = cmd.ExecuteReader(); while (reader.Read()) { var model = new ContactsModel(); model.Id = Convert.ToInt32(reader["Id"].ToString()); model.FirstName = reader["F_name"].ToString(); model.LastName = reader["L_name"].ToString(); model.Birthday = reader["Birthday"].ToString(); model.Email = reader["Email"].ToString(); model.UserId = reader["User_id"].ToString(); contacts.Add(model); } } return new JavaScriptSerializer().Serialize(contacts); } 

错误

 Request Unknown parameter 'Id' for Row 0 

Answer 1

似乎Web服务返回的数据被解释为字符串。 尝试使用JSON.parse（data.d）

http://plnkr.co/edit/JGzCNT6Zg73xtFwAUuOx?p=preview

 $(document).ready(function() { var data = { d : '[{"Id":13,"FirstName":"Mohsin","LastName":"Mustufa","Birthday":"12/11/1990","Phone":null,"Email":"[e-mail]","UserId":"11"}]' }; $('#example').dataTable({ "aaData": JSON.parse(data.d), "aoColumns": [ { "mDataProp": "Id" }, { "mDataProp": "FirstName" }, { "mDataProp": "LastName" }, { "mDataProp": "Birthday" }, { "mDataProp": "Phone" }, { "mDataProp": "Email" }, { "mDataProp": "UserId" } ] }); } );