Carregando e interpretando json com jquery
Author: Ricardo Soares - Postado em: 16/05/2014
Relacionado as categorias: jquery, Tecnologia | Leave a Comment
Imagine que você precise carregar um arquivo json e interpretar ele para apresentar banners em uma janela, você pode fazer procedimento com jquery e deixar toda a carga do script com o cliente.
Veja abaixo um exemplo de utilização
<div id=”upper_banner” style=”text-align:center”></div>
<script>
$.getJSON( “/var/cache/bannersbloco.json”, function( data ) {
if (typeof data[4] != “undefined”) {
if (data[4].link!=”) {
$(‘<img />’).attr({src:data[4].banner,}).appendTo($(‘<a />’).attr({href:data[4].link}).appendTo(‘#upper_banners’));
} else {
$(‘<img />’).attr(‘src’, data[4].banner).appendTo(‘#upper_banners’);
}
}
});
</script>
No exemplo acima o “carregar” fica com o getJSON que interpreta tudo e dentro do comando basta então executar o que for necessário, no caso carreguei o JSON que continha o seguinte conteúdo
{“4”:{“banner”:”\/var\/cache\/upper_banner.jpg”,”link”:””}}
Mas poderia haver mais imagens definidas … bastaria acessar os itens na variável data do script.
Comments
Leave a Reply
