0

Esse é um arquivo .json que eu criei só para entender

{
    "campo":
        [
            {"nome":"Lucas vidotti"}

        ]
}

Eu sei que para ler esse valor com o jquery eu preciso fazer $.getJSON e manipular pela key, mas eu não estou conseguindo ler o json e joga no html

6
  • Pela estrutura, seria algo assim: let val = $.getJSON; val.campo[0].nome; Commented 27/11/2018 às 20:05
  • 1
    Não sei como recebe o json, mas se está nesse estrutura, é essa a sintaxe para a leitura. . para acessar key de objeto e [indice] para acessar item do array. Commented 27/11/2018 às 20:08
  • Você precisa passar o arquivo .json para a leitura ser efetuada Commented 27/11/2018 às 20:11
  • Eu assisti uns tutoriais e tentei fazer assim $(function(){ $("#mos").click(function(){ $.getJSON("main.json",function(){ $("#span").html(campo.nome); // então aqui dentro eu preciso colocar o campo[0].nome? }); }); });
    – user95454
    Commented 27/11/2018 às 20:12
  • @lucas depende de como está trabalhando, com callback, síncrono, etc Commented 27/11/2018 às 20:14

2 Respostas 2

2

Por partes, conceitos a ter em conta:

  • $.getJSON é assíncrono, não podes fazer somente var x = $.getJSON;
  • a API é $.getJSON(<endereço>, callback);, ou seja essa função consome o endereço e depois executa a callback quando a resposta retornar
  • a callback recebe como argumento da função o resultado, ou seja o JSON

Assim o que procuras é :

$("#mos").click(function(){
  $.getJSON("main.json",function(json){
    const campo = json.campo;
    const nome = campo[0].nome;
    console.log(nome); // deve dar "Lucas vidotti"
  });
});
2
  • muito obrigado me ajudou bastante !
    – user95454
    Commented 27/11/2018 às 23:52
  • Oi @lucas! A minha intenção é resolver o problema completamente e não "somente ajudar" :) Ainda tens perguntas ou partes que não compreendes relacionadas com este post? Conseguiste pôr isso a funcionar?
    – Sergio
    Commented 28/11/2018 às 6:18
0

var json = {
    "campo":
        [
            {"nome":"Lucas vidotti"}

        ]
}

$("#mos").click(function(){
    let quem = json.campo[0].nome;
    $( "#resultado" ).html( quem );
});
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="mos">mostra</button>

<div id="resultado"></div>

1
  • Muito obrigado me ajudou bastante !!!
    – user95454
    Commented 27/11/2018 às 23:52

Você deve fazer log-in para responder a esta pergunta.