Silici0 :: Blog

Outubro 7, 2008 on 6:32 pm | In JavaScript, AJAX, Tutorial |

Bom, como já é comum as pessoas trabalharem com AJAX onde o envio se da para um arquivo que se conecta em um banco de dados e retorna o resultado de um Query, vou ensinar como tratar esse(s) dado(s) para retornar um Json e processar os dados sem o uso de eval(), pois como foi comentado no outro post sobre, o eval é uma função perigosa que pode executar códigos javascript maliciosos, para isso iremos usar um parser (retirado do Json.org).

Vamos ao que interessa, primeiramente vamos ver como tratar os dados de retorno de uma query, no qual precisamos criar uma array que para cada posição teremos uma array com os valores:

PHP:

$query="SELECT * FROM clientes";
$resp=mysql_query($query);
$obj=array();
while($ret=mysql_fetch_assoc($resp)){
$obj[] = $ret;
}
echo json_encode($obj);
/*Imaginemos que o Obj tenha o seguinte conteudo:
Array
(
[0] => Array
(
[id] => 7
[usuario] => usuario
[nome] => Rafael
)
[1] => Array
(
[id] => 8
[usuario] => user
[nome] => Cunha
)
)
*/
/*O conteúdo do echo será
[{"id":"7", "usuario":"usuario","nome":"Rafael" },
{"id":"8", "usuario":"user","nome":"Cunha"}]
*/

Acima então no final usamos a função json_encode do PHP para passarmos nossa array para um valor representante em Json.
Agora nossa função ajax (javascript) ja recebeu os dados e o que precisamos é dar um parse para passarmos para um Obj com notação Json para podermos manipular os dados livremente, para isso precisaremos do parser que está escrito em JavaScript e pode ser feito o download na página do Json.org:

JAVASCRIPT:

// Imaginando que seu Ajax (função) retorne o resultado com o nome de var data
var myObject = JSON.parse(data);
// Pronto: para acessarmos os dados podemos utilizar o
// myObject.id
// myObject.usuario
// myObject.nome
// For roda o Objeto JSon e retorna valor
for (var x in myObject){
alert("Meu id: "+myObject[x].id+" usuario : "+myObject[x].usuario+" nome : "+myObject[x].nome);
}

Poque usar o JSON.parse() ? Na verdade como dito anteriormente é uma questão de segurança, pois este parse não executa códigos, nos livrando de problemas com scripts maliciosos, além de ser mais rápido do que simplesmente executar um eval(), este parse pode ser usado para executar funções em conjunto com a criação do Obj, basta dar uma olhada na documentação.

2 Comments »

Amigo qual parser você usou do site Json.org?
Muito bom o POST.
Obrigado.

Comment by Rafael — Novembro 24, 2008 #

Opa chara...

Seguinte, você pode encontrar mais informações no http://www.json.org/js.html, la tem sobre funcionamento e o arquivo no final... qualquer dúvida so avisar.

Abraços

Comment by silici0 — Novembro 24, 2008 #