Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, preciso de um auxílio para exibir os dados com um arquivo json.
O código disponibilizado pela equipe Dev Buscapé é:
<script>
$(document).ready(function() {
$.ajax({
url: "http://sandbox.buscape.com/service/findCategoryList/{app-token}/?categoryId=0&format=json",
jsonp: "callback",
dataType: "jsonp",
success: function(result) {
$.each(result.top5category, function (i, item) {
$("#concat").append("<div><img src=\""+result.top5category[i].top5category.thumbnail.url+"\"/><br><p>"+result.top5category[i].top5category.name+"</p><br><a id=\""+"URL"+i+"\"href=\""+"URL_DA_CATEGORIA"+i+"\"</div>");
});
}
});
});
</script>O App-Token junto com o link disponibilizado fica:
"Tutorial" da Dev Buscapé. Porém achei o tutorial muito fraco, não consegui implementar o código.
http://developer.buscape.com.br/portal/tutoriais/menu-de-categorias-em-jquery
Porém não consigo exibir as informações em tela.
Alguém poderia me auxiliar?
Hum... afinal o código disponibilizado no tutorial funciona tal e qual como está.
Verifica a consola do browser para ver se algo correu mal com tua a adaptação do código (estás a usar a sandbox e o teu token?).
>
Hum... afinal o código disponibilizado no tutorial funciona tal e qual como está.
Verifica a consola do browser para ver se algo correu mal com tua a adaptação do código (estás a usar a sandbox e o teu token?).
O meu abre a página em branco, não entendo nada de JQuery.
Verifiquei o Console do Browser e o mesmo informa que a variável não foi definida (Uncaught ReferenceError: $ is not defined).
Falta-te referenciar a biblioteca jQuery, pois o browser não reconhece a sintaxe nativamente. Coloca o seguinte na seccção HEAD do HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
Nem precisas de usar o código que indiquei. O que está no tutorial serve o mesmo efeito e funciona.
Reparei ainda que no teu código, te falta um elemento DIV com ID concat, que é onde o resultado vai ser escrito. Se esse elemento não existir no HTML não vais conseguir ver a resposta do pedido AJAX.
>
Falta-te referenciar a biblioteca jQuery, pois o browser não reconhece a sintaxe nativamente. Coloca o seguinte na seccção HEAD do HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
Nem precisas de usar o código que indiquei. O que está no tutorial serve o mesmo efeito e funciona.
Reparei ainda que no teu código, te falta um elemento DIV com ID concat, que é onde o resultado vai ser escrito. Se esse elemento não existir no HTML não vais conseguir ver a resposta do pedido AJAX.
Deu certo!
Muito obrigado pelo auxílio.
Com esta pequena alteração, irá funcionar:
Tens de definir a função que vai ser executada quando recebes os dados JSON (parâmetro callback no URL) e dentro dela é que colocas a tua lógica.
Resultado: