Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Faelzindc

Criar uma tabela de acordo com resposta JSON

Por , em Javascript

Recommended Posts

Faelzindc    0

Faelzindc
Postado

Eai pessoal, beleza?

 

O que eu estou fazendo é o seguinte:

Com uma resposta JQuery em formato de json, eu gostaria de montar uma tabela com N linhas. Dei uma pesquisada e não achei exemplos, caso alguem saiba me dar exemplos, agradeço muito. Após formar a tabela também irei organizar a tabela, isso eu já sei fazer com o jquery.

 

O que estou precisando mesmo é exemplo de como incrementar os dados na tabela com uma variavel em formato JSON.

 

Obrigado desde já. Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

0cool    0

0cool
Postado

Seria mais ou menos isso?

 

Crie um arquivo txt chamado json.... json.txt

 

Coloque o seguinte conteúdo...

 

{
 "um": "resultado um",
 "dois": "resultado 2",
 "tres": "resultado 3"
}

 

Agora crie um arquivo chamado teste.html e coloque o seguinte code...

 

<html>
<head>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
   <script type="text/javascript">
   $(document).ready(function(){
       $.getJSON('json.txt', function(data) {
           var items = [];
           $.each(data, function(key, val) {
               items.push('<li id="' + key + '">' + val + '</li>');
           });
           $('<ul/>',{'class': 'listagem', html: items.join('')}).appendTo('body');
       });
   });
   </script>
</head>
<body>
   <div id="tabela">
       <ul class="listagem"></ul>
   </div>
</body>
</html>

 

Faça o teste, é isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito