JSON retorna apenas um row

[Robson Barros da Rocha 0]

Boa noite.

 

Estou com problemas para exibir dados pelo .JSON :( No banco de dados, tenho 3 rows (três resultados), mas, ele mostra somente um. Alguém poderia me dizer o que posso ter errado?

 

O JSON retornado é:

[
  {
    "id": 7,
    "linha": "TESTE",
    "chegada": "18:45:00",
    "saida": "19:05:00",
    "tempoTabela": "0:20",
    "tempoParada": "TESTE",
    "previsao": "TESTE",
    "status": "<span data-viagem=\"1\" class=\"label label-warning\"><i class=\"fa fa-clock\" title=\"Pendente\"></i> Pendente</span>"
  },
  {
    "id": 8,
    "linha": "TESTE",
    "chegada": "18:45:00",
    "saida": "19:05:00",
    "tempoTabela": "0:20",
    "tempoParada": "TESTE",
    "previsao": "TESTE",
    "status": "<span data-viagem=\"1\" class=\"label label-warning\"><i class=\"fa fa-clock\" title=\"Pendente\"></i> Pendente</span>"
  }
]

O scrip:

		$.ajax({
			type: "GET",
			url: web +"include/ajax.php",
			timeout: 3000,
			datatype: 'JSON',
			contentType: "application/json; charset=utf-8",
			cache: false,
			beforeSend: function() {
				$('#loading').show();
			},
			error: function() {
				$('#loading').hide();
			},
			success: function(s) {
				var tr = s;
				$.each(tr,function(i, data){
					if(data.emptyDay) {
						var item = '<tr><td colspan="10" align="center"><i class="fa fa-times text-danger"></i> <b>'+ data.emptyDay +'</b></td></tr>';
					} else {
						var item = '<tr tr-id="'+ data.id +'"><td>#'+ data.id +'</td><td>'+ data.linha +'</td><td class="center">'+ data.chegada +'</td><td class="center">'+ data.saida +'</td><td class="center">'+ data.tempoTabela +'</td><td class="center">'+ data.tempoParada +'</td><td class="center">'+ data.previsao +'</td><td class="center">'+ data.status +'</td><td><i class="fa fa-pencil text-info" onclick="edit('+ data.id +')" style="cursor:pointer;"></i> | <i class="fa fa-times text-danger" onclick="deletes('+ data.id +')" style="cursor:pointer;"></i></td></tr>';
					}
					$("#trHorarios").html(item);
					finalizar_viagem(data.id);
					NProgress.done();
				});
			}
		});

 

[Robson Barros da Rocha 0]

Bom dia.

 

Alguém poderia me ajudar?

[wanderval 19]

Seu erro é simples, pelo seu código você está substituindo o valor dentro #trHorarios sempre pelo valor atual da iteração:

 

.html você insere o conteúdo dentro do corpo do elemento mas não mantém o item atual somente reescreve o dom

$("#trHorarios").html(item);

agora altere para isso:

$("#trHorarios").append(item);

O append adiciona o novo item mantendo os items existentes dentro do corpo do elemento