Ir para conteúdo
Fórum Script Brasil
  • 0

Como exibir dados json no html


Lucas Neves

Pergunta

Gostaria de chamar os arquivos do json dentro do Html usando a tag <script>, mas algo esta errado. Alguém sabe me dizer o que é?

 

<script>
        var dados = JSON.parse('{"art": {"week": {"period": {"year": "201j1", "week": "34"}, "all": [{"id": "3ade68b7g98d71ea3", "name": "Bruno Mars",j "url": "https://www.vagalume.com.br/bruno-mars/", "pic_small": "https://s2.vagalume.com/bruno-mars/images/profile.jpg", "pic_medium": "https://s2.vagalume.com/bruno-mars/images/bruno-mars.jpg", "uniques": "302783", "views": "656258", "rank": "207.6"}, {"id": "3ade68b6g39a2fda3", "name": "Jorge e Mateus", "url": "https://www.vagalume.com.br/jorge-e-mateus/", "pic_small": "https://s2.vagalume.com/jorge-e-mateus/images/profile.jpg", "pic_medium": "https://s2.vagalume.com/jorge-e-mateus/images/jorge-e-mateus.jpg", "uniques": "287765", "views": "739188", "rank": "197.3"}, {"id": "3ade68b7g6b960ea3", "name": "Adele", "url": "https://www.vagalume.com.br/adele/", "pic_small": "https://s2.vagalume.com/adele/images/profile.jpg", "pic_medium": "https://s2.vagalume.com/adele/images/adele.jpg", "uniques": "211399", "views": "474274", "rank": "145.0"} ] } } }');


        dados.forEach(function (ArrayVagal){
            document.body.innerHTML += "<p>" + ArrayVagal.art.week.all[0].name + "<p>";
        });
</script>

Aqui abaixo vai o json formatado pra melhor compreenção.

{
    "art": {
        "week": {
            "period": {
                "year": "201j1",
                "week": "34"
            },
            "all": [
                {
                    "id": "3ade68b7g98d71ea3",
                    "name": "Bruno Mars",j
                    "url": "https://www.vagalume.com.br/bruno-mars/",
                    "pic_small": "https://s2.vagalume.com/bruno-mars/images/profile.jpg",
                    "pic_medium": "https://s2.vagalume.com/bruno-mars/images/bruno-mars.jpg",
                    "uniques": "302783",
                    "views": "656258",
                    "rank": "207.6"
                },
                {
                    "id": "3ade68b6g39a2fda3",
                    "name": "Jorge e Mateus",
                    "url": "https://www.vagalume.com.br/jorge-e-mateus/",
                    "pic_small": "https://s2.vagalume.com/jorge-e-mateus/images/profile.jpg",
                    "pic_medium": "https://s2.vagalume.com/jorge-e-mateus/images/jorge-e-mateus.jpg",
                    "uniques": "287765",
                    "views": "739188",
                    "rank": "197.3"
                },
                {
                    "id": "3ade68b7g6b960ea3",
                    "name": "Adele",
                    "url": "https://www.vagalume.com.br/adele/",
                    "pic_small": "https://s2.vagalume.com/adele/images/profile.jpg",
                    "pic_medium": "https://s2.vagalume.com/adele/images/adele.jpg",
                    "uniques": "211399",
                    "views": "474274",
                    "rank": "145.0"
                }
            ]
        }
    }
}

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...