Eu estou tentando montar uma tabela fazendo uma requisição ao servidor e popula-la com o retorno.
O retorno do servidor esta correto, mas quando entra na function(data)
, percebi que ele carrega toda a minha pagina html
, já tentei jogar o ajax
direto no $(document).ready
, e depois usar a forma que esta em abaixo, usando o load
, porem, nenhum dos dois estão funcionando.
$("#table_horde").Load(
$.ajax({
type: "POST",
url: "/Horde/List/",
success: function (data) {
var cols = "";
for (var i = 0; i < data.length; i++) {
cols += "<tr>";
cols += "<td>" + data[i].NomeHorda + "</td>";
cols += "<td>" + data[i].Limit + "</td>";
cols += "<td><a href='#' onclick='atualizar'(" + data[i].IdHorde + ")' data-target='#janelaHordaCadastro' data-toggle='modal'>Atualizar</a></td>";
cols += "<td><a href='#' onclick='excluir'(" + data[i].IdHorde + ")'>Excluir</a></td>";
cols += "</td>";
}
$("#table_horde tbody").empty();
$("#table_horde tbody").append(cols);
$("#qtdRegistro").html(data.length);
},
error: function (ex) {
alert("Erro: " + ex.status);
}
})
);
Meu Controller
está da seguinte forma:
public ActionResult List() {
return View("List", ListinerHorde());
}
private List<HordeList> ListinerHorde() {
var list = new List<HordeList>();
HordeRepository hr = new HordeRepository();
foreach (var h in hr.FindAll()) {
var model = new HordeList();
model.NameHorde = h.NameHorde;
model.Limit = h.Limit;
list.Add(model);
}
return list;
}
Veja abaixo a imagem do retorno:
controller
?cols += "</td>";
você está fechando o elementotd
, quando deveria ser umtr