Page 63 - Locaweb - Edição 30

locaweb
Também é possível efetuar interações com o
servidor web por meio dos métodos GET e POST, como
o exemplo a seguir:
$.get(‘gera_texto.cfm’, function(data){
$(‘#conteudo’).html(data)
});
O método $.get() necessita de dois argumentos para
ser executado: o caminho relativo para o recurso requisitado
e uma função a ser executada quando a requisição obtiver
uma resposta com status de sucesso (status 200 do HTTP).
$.post(‘gera_texto.cfm’,{“nome”:”Felipe”},
function(data){
$(‘#conteudo’).html(data)
});
O método $.post() necessita de três argumentos
para ser executado, dois já foram citados no método
$.get(): o caminho relativo para o recurso, os dados no
formato JSON e a função a ser executada quando a
requisição atingir o status de sucesso.
O formato JSON (JavaScript Object Notation)
trabalha na forma de pares com chave e valor, por
exemplo: “revista”:“Locaweb”;“idade”:“26”. Ao se realizar
requisições POST, é necessário informar quais as variáveis
(nome da chave) e os valores serão processados pela
página sinalizada no primeiro argumento do método.
Contudo, estas chamadas do tipo GET e POST são
uma maneira simplificada do método genérico, o $.ajax(),
que funciona como o modelo abaixo:
$.ajax({
type: 'POST',
url: “gera_texto.cfm”, // Requisitando página em CFML
data: “nome=Felipe&idade=26”,
success: function(data){
$(‘#conteudo’).html(data)
}),
error: function({
alert(“Deu erro!”)
}),
cache: false
});
O método $.ajax() possui alguns parâmetros que
definem como será realizado o processamento de
informação assíncrona, vamos analisá-los.
• Type: define o tipo de requisição a ser
realizada, sendo ela GET ou POST
• URL: caminho relativo para a página que
será requisitada
• Data: dados a serem enviados para a
página que será processada. Estes dados são
descritos no formato URLEncode, tendo
variáveis separadas pelo caractere &
• Sucess: função a ser executada quando a
requisição for executada com sucesso
• Error: função a ser executada
quando a requisição retornar algum
tipo de erro
• Cache: força a requisição a carregar a
versão mais recente da página
• ContentType: assim como citado
anteriormente, também é possível configurar o
tipo de conteúdo a ser trazido pela requisição,
a partir do uso deste parâmetro
Não há somente o jQuery para se trabalhar
de maneira mais ágil com Javascript. Outros nomes
conhecidos são ExtJS, MooTools, Dojo, Spry (da Adobe),
Prototype, Scriptaculous e MochiKit. Basta pesquisar,
estudar, testar e decidir qual deles mais combina com sua
maneira de desenvolver.
Algumas linguagens server-side também trazem
facilitadores para se atuar com AJAX, como o ASP.
Net Ajax e ColdFusion, com as tags <cfajaxproxy>
e <cfajaximport>. Estas funcionalidades permitem
desenvolver o AJAX com base nas bibliotecas
disponibilizadas para tratamento deste tipo de evento.
O que antes era tarefa árdua por
causa das limitações existentes
nos browsers para interpretar
o Javascript, hoje em dia é
facilitado pela evolução da web
63