Funções jQuery AJAX
O jQuery possui uma rica biblioteca de funções (métodos) para desenvolvimento AJAX.
Exemplo jQuery AJAX
Clique no botão abaixo para alterar este texto usando AJAX
O exemplo acima foi extraído de nosso Tutorial AJAXmas foi modificado usando jQuery.
O que é AJAX?
AJAX = Asynchronous JavaScript and XML.
O AJAX é uma tecnologia para criar páginas web dinâmicas e rápidas.
O AJAX permite que a página web seja atualizada de forma assíncrona, trocando uma pequena quantidade de dados com o servidor em segundo plano. Isso significa que é possível atualizar parte da página web sem recarregar toda a página.
Você pode encontrar mais informações em nosso Tutorial AJAX aprenda mais sobre AJAX.
AJAX e jQuery
O jQuery oferece uma rica biblioteca de funções (métodos) para desenvolvimento AJAX.
Através do jQuery AJAX, você pode usar HTTP Get e HTTP Post para solicitar TXT, HTML, XML ou JSON de um servidor remoto.
E você pode carregar diretamente dados remotos em elementos HTML selecionados na página!
Escrever menos, fazer mais
A função load do jQuery é uma função AJAX simples (mas poderosa). Sua sintaxe é a seguinte:
$(selector).load(url,data,callback)
Use selector para definir o elemento HTML a ser alterado, usar url Parâmetrospara especificar o endereço web dos dados.
Precisa usar quando precisar enviar dados para o servidor. data Parâmetros. Precisa usar quando precisar acionar uma função após a execução. callback Parâmetros.
AJAX de Nível Baixo
$.ajax(options) é a sintaxe da função AJAX de nível baixo.
$.ajax oferece mais funcionalidades do que as funções de nível superior, mas também é mais difícil de usar.
opção A configuração dos parâmetros é um par name|value, que define dados de URL, senha, tipo de dados, filtro, conjunto de caracteres, timeout e função de erro.
Requisição AJAX do jQuery
| Requisição | Descrição |
|---|---|
| $(selector).load(url,data,callback) | Carregar dados remotos no elemento selecionado |
| $.ajax(options) | Carregar dados remotos em um objeto XMLHttpRequest |
| $.get(url,data,callback,type) | Carregar dados remotos usando HTTP GET |
| $.post(url,data,callback,type) | Carregar dados remotos usando HTTP POST |
| $.getJSON(url,data,callback) | Carregar dados JSON remotos usando HTTP GET |
| $.getScript(url,callback) | Carregar e executar arquivos JavaScript remotos |
(url) URL (endereço) dos dados carregados
(data) Objeto de chave/valor de dados enviados para o servidor
(callback) Função executada quando os dados são carregados
(type) Tipo de dados retornados (html, xml, json, jasonp, script, texto)
(opções) Opções de todos os valores de chave/valor para a solicitação AJAX completa
Manual de Referência
Para mais informações sobre as funções do jQuery AJAX, acesse nossa Manual de referência do jQuery AJAX.
