PHP + JSON

A partir do PHP 5.2.0 temos uma extensão para JSON que facilita o transporte de dados do PHP para o JavaScript (via AJAX) e vice-versa.

Com o advento do Ajax, JSON se tornou um formato para intercâmbio de dados bem mais eficiente e compacto que XML. E nada como tratá-lo como um objeto também no lado do servidor, assim como fazemos no JavaScript. As duas funções que tratam da conversão objeto-string e string-objeto no PHP são json_encode e json_decode, respectivamente.

Vou lhes mostrar um exemplo de como trabalhar com PHP + JSON. Primeiramente vamos formatar corretamente o código PHP que será chamado via AJAX no Javascript.

<?php
$produto = array(
	'id' => 32,
	'nome' => 'Camera Digital Sony W220',
	'fabricante' => 'Sony',
	'valor' => 'R$ 799,00'
);

$produtoJSON = "var produto = " . json_encode($produto);

echo $produtoJSON;
// var produto = {"id": 32, "nome": "Camera Digital Sony W220", "fabricante": "Sony", "valor": "R$ 799,00"}
?>

Agora no javascript vamos dar um alerta com os dados separados:

<script type="text/javascript">

/*
 ... requisição ajax ...
*/

eval(ajax.responseText); // transformo a string do resultado em formato de código válido do javascript

alert(" id = " + produto['id'] + "\n nome = " + unescape(produto['nome']) + "\n fabricante = " + unescape(produto['fabricante']) + "\n valor = " + unescape(produto['valor']));
</script>

AJAX para inicantes: Como estanciar o XMLHttpRequest

Vou começar a partir de hoje, uma mini-aula para os interessados neste assunto que vem revolucionando a maneira de se navegar na web.

Sempre, mas sempre mesmo que formos criar um AJAX qualquer, precisaremos estanciar o XMLHttpRequest.

Então para começar a mini-aula, vamos criar esse arquivo, que usaremos em todos os tutoriais sobre AJAX, e você também pode estar guardando para usar nas suas aplicações.

1. Crie um arquivo JavaScript com um nome qualquer, para você guardar na sua biblioteca. Porquê sempre que você for usar AJAX, você só precisa importar esse js na página. Eu vou chamá-lo de ajax.js

2. Neste arquivo que você acabou de criar, escreva o seguinte código:

 

function Ajax() {
    var ajax;
    try {
        // Mozila, Opera 5+
        ajax = new XMLHttpRequest();
    } catch(ee) {
        try {
            // Internet Explorer 6+
            ajax = new ActiveXObject(“Msxml2.XMLHTTP”);
        } catch(e) {
            try {
                // Internet Explorer 5.5-
                ajax = new ActiveXObject(“Microsoft.XMLHTTP”);
            } catch(E) {
                // Se nenhuma das tentativas for válidas, ajax é falso para este browser.
                ajax = false;
            }
        }
    }
// Retorna o valor do ajax
return ajax;
}

 
É simples, a variavel “ajax” está estanciando um objeto na qual os browsers identificam o XMLHttpRequest (Requisição pelo protocolo Http usando Extensible Markup Language)

Agora vamos tomar um café!

Até a próxima.

O que é Ajax?

AJAX (acrônimo em língua inglesa de Asynchronous Javascript And XML) é um modo de programar popularmente reconhecido em 2005 por Google (com Google Suggest). Foi criado em 2001 pela Microsoft.

AJAX não é uma nova linguagem de programação, mas é o conjunto de tecnologias compatíveis com navegadores, para tornar as aplicações mais rápidas, interativas e criativas, utilizando requisições de um modo assíncrono.

O AJAX é baseado em:

• Apresentação baseada em padrões, usando XHTML e CSS;
• Exposição e interação dinâmica usando o DOM;
• Intercâmbio e manipulação de dados usando XML e XSLT ou JSON;
• Requisições assíncrona de dados usando o objeto XMLHttpRequest;
• e JavaScript unindo todas elas em conjunto.

Veja como funciona o fluxo de uma aplicação web utilizando AJAX:

 

O importante agora, é ressaltar que, o JavaScript é o elemento mais importante deste grupo de tecnologias na hora de construir seu AJAX. Muitas pessoas acham que mesmo não sabendo programar JavaScript, conseguirão fazer qualquer coisa com AJAX. Isso não é verdade!

Então quem diz que sabe programar em AJAX e não entende bulhufas de JavaScript, é um verdadeiro implementador de frameworks ou copiador de códigos. Se for este o seu caso, prefira não dizer que “programa” AJAX.

Mas fique tranquilo, quanto a saber ou não “programar” AJAX. Fique atento no blog W3G para conseguir os melhores tutoriais e dicas para o uso desta tão poderosa tecnologia.

Até mais!