Lendo dado JSON webservice
Boa tarde.
Eu esto com um probleminha que eu não estou conseguindo resolver.
Estou lendo um json atraves de uma webservice https://jsonplaceholder.typicode.com/photos atraves do codigo abaixo.
<html>
<head>
<title>Teste</title>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<!-- Adicionando Javascript -->
<script type="text/javascript" >
$(document).ready(function(){
$("#search").click(function(){
$.ajax({
type: "GET",
dataType: "json",
url: "https://jsonplaceholder.typicode.com/photos",
success: function(data) {
for (var i in data) { //vai passar por todos os objetos dentro do array
$("#title").text(data[i]["title"]);
$("#id").text(data[i]["id"]);
$("#albumId").text(data[i]["albumId"]);
$("#thumbnailUrl").attr("src",data[i]["thumbnailUrl"]);
$("#url").attr("src",data[i]["url"]);
}
}
});
})}); // END Function, END ready
</script>
</head>
<body>
<input type="button" placeholder="Busca" id="search" value="Buscar">
<section>
<div class="container">
<div class="row" id="content">
<br/>
<div id="id"></div><br/>
<div id="albumId"></div><br/>
<div id="title"></div><br/>
<img src="" id="thumbnailUrl"><br/>
<img src="" id="url"><br/>
</div>
</div>
</section>
</body>
</html>
Eu estou até conseguindo trazer as informações. Porem vem o ultimo dado do JSON,
E eu também, tenho que mostrar todas as informações do arquivo JSON. Fazer um for para mostrar todos os dados na tela.
Mas eu não estou conseguindo, poderia me ajudar?
Att;
Gilberto JrDiscussão (2)
Carregando comentários...