Fala galera, tranquilo? Estou com um problema chato, e como nunca tinha usado AJAX na vida acho que o problema sou eu :( Basicamente é assim, tenho um GET que me retorna o seguinte JSON:
{
"result": 1,
"content": [
{
"PessoaId": "2",
"PessoaNome": "Otavio",
"PessoaTimeId": "1",
"PessoaCategoriaId": "0",
"Treinos": [
{
"TreinoId": "2",
"TreinoNome": "Resistencia",
"TreinoData": "2015-10-19",
"TreinoHorario": "15:44:00",
}
]
}
],
}
Ok, ai eu tenho a minha pagina web que quer listar as pessoas. Tudo tranquilo até ai, listando, editando, deletando etc. Mas quero ter a opção de clicar em um icone e abrir um modal com os TREINOS dessa pessoa em questão. O problema está ai, eu fiz algo mas não deu certo. Segue o código:
function getTreinos(AvaliacaoId){
var url = '../getters/getAvaliacaoById.php?TimeId='+TimeId+'&AvaliacaoId='+AvaliacaoId;
var data = "";
$.get(url, function(response){
serverResponse = response;
console.log(response.content.Treinos);
if(response.result == 1){
for(i in response.content.Treinos){
console.log(response.content.Treinos);
data +='\
<tr>\
<td> </td>\
<td>'+response.content[i].Treinos.TreinoNome+'</td>\
<td></td>\
<td>'+response.content[i].Treinos.TreinoData+'</td>\
<td>'+response.content[i].Treinos.TreinoHorario+'</td>\
<td>'+response.content[i].Treinos.TreinoFinalizado+'</td>\
<td></td>\
</tr>';
}
$('.treino-body').append(data);
var width = new Array();
$(".treino-body tr:eq(0)").find('td').each(function (position){
width[position] = $(this).outerWidth();
});
$(".treino-header tr").find('th').each(function (position){
$(this).css("width", width[position]+5);
});
callModalNovo();
}
else
alert(response.exception);
});
}
Ele, quando abre a modal, me da que os atributos são undefined. Pesquisei por ai e parece que é algo com a sincronização do AJAX. Alguem tem alguma outra logica pra fazer isso? Grato