Carregando e interpretando json com jquery

Author: Ricardo Soares - Postado em: 16/05/2014
Relacionado as categorias: jquery, Tecnologia |  





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






Últimos posts