Silici0 :: Blog

JSON Populando formulário

JSON, o que é ? É um acrônimo para JavaScript Object Notation, serve para que ? Serve para fazer intercâmbio de dados, mais utilizado no Ajax, atualmente utilizado para retorno de dados para o AJAX, com a necessidade de popular (retornar) dados para um formulário.

JSON que se lê djeissón, pode ser utilizado em diversas linguagens, como php, c/c++, javascript, Java, Delphi, Perl, Python, Ruby, ColdFusion e muitas outras.

Imaginamos que ao clicar no botão alterar dados de uma lista, queremos trazer os dados da requisição do HTTP (Ajax) para colocalos no formulario. Para isso devemos retornar um dado do Ajax (arquivo da requisição) em JSON.

Para se encapsular dados para o Json no PHP basta o seguinte:

PHP:

$array = array ('a'=>1,'b' => 2, 'c' => 3);
$res=json_encode($array);
// retornando no res o seguinte:
// {"a":1, "b":2, "c":3 }

Otimo, agora como devemos ler os dados do retorno no JavaScript? Essa é parte mais fácil, para converter dados do texto JSON para objetos (variavel do JS) basta usar a função eval();

JAVASCRIPT:

// resposta é o $res do PHP, retorno dos dados
eval("var arr = "+resposta);
// Agora temos uma array de dados em javascript
// exemplo arr.a = 1
// exemplo arr.b = 2
// exemplo arr.c = 3

Agora basta popular o formulário (inputs, text area e afins) com DOM HTML. Pronto você aprendeu como JSON trabalha, o que é e como utilizar, agora basta utilizar suas ideias em conjunto ao Ajax e construir maravilhas.

6 Comments »

Gostei das suas explicações.
Realmente muito bom o conteúdo que encontrei por aqui.

Vou assinar os feeds, vlw!

Comment by Neto — Agosto 28, 2007 #

Opa, fica avontade...

Abraços...

Comment by silici0 — Agosto 28, 2007 #

Interessante, você conseguiu explicar de forma prática como funciona o JSON e para que serve.

Já tinha lido outros artigos sobre, mas ainda não havia compreendido de forma clara o verdadeiro objetivo no uso do JSON!

Artigo Excelente!

Comment by Rafael Silveira — Maio 5, 2008 #

Obrigado...

Abraços e volte sempre !!

Comment by silici0 — Maio 5, 2008 #

Não use eval pra processar JSON! Se tu fizer isso com dados de um outro site, ele pode mandar comandos dentro do JSON, não é muito seguro. No Json.org tem o .js pra processar os dados, e as frameworks (jquery, prototype, etc) todas têm funções internas pra lidar com JSON.

Comment by Ricardo — Junho 30, 2008 #

Muito boa a dica, não tinha pensando nessa possibilidade de executar comandos, mas esta correto, com eval é possivel.

Obrigado, abraços!

Comment by silici0 — Junho 30, 2008 #