Boa noite, estou usando phonegap para fazer um aplicativo e então surgio o seguinte problema:
Tenho esse código em HTML:
<div class="content">
<article class="underline">
<a href="incidente.html"><img id="incidente"
src="img/buraco.jpg" alt="Incidente" /></a>
<h2><a href="basic_markup.html" id="tit"></a></h2>
<p id="desc"></p>
<div class="date" id="date"></div>
<img class="tick" alt="não resolvido" src="img/no-tick.png">
<img class="apoio" alt="apoiar" src="img/apoio.png">
</article>
E esse Código AJAX que recebe um array do meu banco de dados:
$.ajax({
type: "GET",
url: "http://localhost/again/www/index.php",
dataType: "json",
success: function (data) {
var tit = "";
var desc = "";
var date = "";
// Loop over each object
for (var $i = 0; $i < data.length; $i++) {
var object = data[$i];
tit= object.titulo;
desc= object.descricao;
date= object.data;
}
$('#tit').html(tit);
$('#desc').html(desc);
$('#date').html(date);
}
});
</script>
Gostaria que para cada conjunto de titulo, decrição e data do banco de dados fosse gerado o código HTML que postei acima(um article para cada linha do banco de dados). Alguém poderia me ajudar?
O Json que recebo no ajax tem essa estrutura:
[{"codigo":"32","0":"32","titulo":"Assalto na Avenida 2","1":"Assalto
na Avenida 2","descricao":"Ontem a noite estava passando pela avenida
2 quando 1 rapaz me abordou com uma arma e pediu que eu passasse meu
celular. Já é a terceira vez que passo por isso.","2":"Ontem a noite
estava passando pela avenida 2 quando 1 rapaz me abordou com uma arma
e pediu que eu passasse meu celular. Já é a terceira vez que passo
por isso.","data":"2015-10-29 21:48:13","3":"2015-10-29 21:48:13"},
{"codigo":"59","0":"59","titulo":Roubo na rua 5 ,"1":Roubo na rua
5,"descricao":Roubaram minha bolsa com meus pertences,"2":Roubaram
minha bolsa com meus pertences,"data":"2015-10-30
20:45:46","3":"2015-10-30 20:45:46"}]