Listando valores de um JSON com jQuery

Código simples para leitura de JSON com jQuery utilizando Classe.

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>Jquery com JSON</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load("jquery", "1.3.2", {uncompressed:true});
</script>
<script type="text/javascript" src="funcoes.class.js"></script>
</head>
<body>
	<div id="resultado"></div>
</body>
</html>

funcoes.class.js

// Classe para chamar o Json.
function json(){
	var qtd;
	var retorno;

	// Resgatar valores.
	json.prototype.resgatarValores = function(){
		$('#resultado').html('Carregando dados...');

		// Estrutura de resultado.
		$.getJSON('arquivo.json', function(data){
			this.qtd = data.usuarios.length;
			this.retorno = '';

			for (i = 0; i < this.qtd; i++){
				this.retorno += 'ID: ' + data.usuarios[i].id + '<br />';
				this.retorno += 'Nome: ' + data.usuarios[i].nome + ' - ';
				this.retorno += 'Cidade: ' + data.usuarios[i].cidade + '<br /><br />';
			}

			$('#resultado').html(this.retorno);
		});

	}

}

// Objeto.
var obj = new json();
obj.resgatarValores();

arquivo.json

// Estrutra JSON.
{
	'usuarios':
		[
			{'id': 12, 'nome': 'Ted', 'telefone': '(99) 9999-9999', 'cidade': 'Salvador'},
			{'id': 13, 'nome': 'Clark', 'telefone': '(88) 8888-8888', 'cidade': 'Madrid'},
			{'id': 14, 'nome': 'Nuno', 'telefone': '(77) 7777-7777', 'cidade': 'Nova York'},
			{'id': 15, 'nome': 'Maia', 'telefone': '(66) 6666-6666', 'cidade': 'Contagem'}
		]
}

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Você sabe o que é JSON?

JSON (JavaScript Object Notation) é um acrônimo que serve como alternativa para XML em AJAX, mais não requer o uso exclusivo de JavaScript.

 

O JSON tem várias vantagens sobre o XML, um deles é a facilidade de escreve e o uso da função eval(), isso foi fundamental para o uso dele no AJAX pelo fato de todos os navegadores web aceitarem.

 

Existe várias linguagens utilizando o JSON com pacotes de terceiros. Algumas dessas linguagens suportam já o JSON como: JavaScript, ASP, ActionScript, C/C++, C#, Delphi, ColdFusion, Java, Perl, PHP, Python, Rebol e Ruby.

 

O Google e a Yahoo são uma das empresas que já usam o JSON em suas aplicações, mais lembrando que o JSON não oferece suporte para referências de objetos.

 

Vamos ver agora um exemplo de terceiros com ASP baseado no exemplo do Google para aplicações JSON.

<!--#Include File="JSON_2.0.2.asp"-->
<%
Dim user
Set user = jsObject()

	user("name") = "Ted"
	user("surname") = "SobreNome k"
	user("message") = "Enviando uma Mensagem para JSON"

user.Flush
%>

 

O Resultado é:
{“name”:”Ted”,”surname”:”SobreNome k”,”message”:”Enviando uma Mensagem para JSON”}

 

baixe o arquivo JSON_2.0.2.asp

Super simples, até a próxima!

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia