Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia.
Pessoal sou novato com Json, mais consigo recuperar uma lista de itens com javascript de uma url externa, faço a exibição dos itens em lista com ul's e li's, até ai tudo bem.
Nessa lista tenho um link como "saiba +" e ao clicar gostaria de carregar os detalhes desse item que também está no Json para essa nova aba/tela, como posso fazer?
E ao exibir na nova janela gostaria de fazer uma navegação do tipo: Anterior e Próximo.
Desde já agradeço.
Boa noite @Billy.
Segue meu código:
"funcao.js"
$.getJSON('www.site.com.br/arquivo.json', function(data){
this.qtd = data.json.length;
this.retorno = '';
for(i in data.json){
this.retorno += 'Nome: ' + data.json[i].nome + '<br />';
for (j in data.json[i].amigos){
this.retorno += 'TXT: ' + data.json[i].amigos[j].amigo + '<br />';
}
this.retorno += '<br />';
}
$('#resultado').html(this.retorno);
});
var obj = new json();
obj.resgatarValores();
index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JSON</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="funcao.js"></script>
</head>
<body>
<div id="resultado"></div>
</body>
</html>
Obrigado desde já.Na verdade eu queria apenas o JSON mesmo!
com o seu code, resgatarValores fica impossível de saber o que faz também.
@Billy, segue o JSON:
{
"assetsLocation": "http://www.site.com.br/assets",
"pessoas": [
{
"nome": "João",
"idade": 28,
"amigos": [
{
"nomeAmigo": "Flávia",
"idadeAmigo": 35
},
{
"segundoAmigo": "José",
"idadeAmigo": 42
}
]
},
{
"nome": "Maria",
"idade": 30
}
]
}
>
Em 22/11/2017 at 22:26, Billy disse:
com o seu code, resgatarValores fica impossível de saber o que faz também.
envia o json para que possamos ter uma idéia de como ele está organizado