Estoy teniendo un problemita al llenar un datatable desde un WebMethod. El asunto es que en la consola del navegador llega el array y el datatable en cada columna muestra [object Object] de esta forma:
Este es el WebMethod:
[WebMethod]
[System.Web.Script.Services.ScriptMethod(UseHttpGet = true)]
public static List<Persona> ListarPersonas()
{
List<Persona> Lista = null;
try
{
Lista = PersonaBL.getInstance().ListarPersonas();
}
catch (Exception ex)
{
Lista = new List<Persona>();
}
return Lista;
}
Y este es el código js:
$.ajax({
url: 'FrmPersona.aspx/ListarPersonas',
type: 'GET',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (data) {
console.log(data.d);
$.each(data, function (data) {
var body = "<tr>";
body += "<td>" + { data: [0] } + "</td>";
body += "<td>" + { data: [1] } + "</td>";
body += "<td>" + { data: [2] } + "</td>";
body += "<td>" + { data: [3] } + "</td>";
body += "</tr>";
$("#datatable").append(body);
})
$("#datatable").DataTable(tabla);
}
});
¿Alguna solución? ya no se qué hacer, he buscado por todas partes y sigo sin poder llenarlo correctamente.