tutoriais mais recente desenvolvimento web
 

AJAX Introdução


AJAX é o sonho de um desenvolvedor, porque você pode:

  • Atualizar uma página web sem recarregar a página
  • dados da solicitação de um servidor - após a página foi carregada
  • Receber dados de um servidor - depois que a página for carregada
  • Enviar dados para um servidor - no fundo

Tente você mesmo exemplos em cada capítulo

Em cada capítulo, você pode editar os exemplos on-line e clique em um botão para ver o resultado.

AJAX Exemplo

Let AJAX change this text

Tente você mesmo "


AJAX Exemplo Explicado

Página HTML

<!DOCTYPE html>
<html>
<body>

<div id="demo">
  <h2>Let AJAX change this text</h2>
  <button type="button" onclick="loadDoc()">Change Content</button>
</div>

</body>
</html>

A página HTML contém um <div> seção e um <button> .

O <div> seção é usada para exibir informações de um servidor.

O <button> chama uma função (se ele for clicado).

A função solicita dados de um servidor web e exibe-lo:

Função loadDoc()

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

O que você deve já saber

Antes de continuar, você deve ter uma compreensão básica do seguinte:

  • HTML
  • JavaScript

Se você quer estudar estes assuntos primeiro, encontrar os tutoriais em nosso Home page .


O que é AJAX ?

AJAX = Asynchronous JavaScript e XML.

AJAX é um nome enganoso. aplicações AJAX pode usar XML para transportar dados, mas é igualmente comum para transportar dados como texto simples ou texto JSON.

AJAX é uma técnica para a criação rápida e dinâmica páginas web.

AJAX permite que as páginas da web para ser atualizado de forma assíncrona através da troca de pequenas quantidades de dados com o servidor nos bastidores. Isto significa que é possível actualizar partes de uma página da web, sem recarregar a página inteira.

páginas da web clássicos, (que não usam AJAX) deve recarregar a página inteira se o conteúdo deve mudar.

Exemplos de aplicações usando AJAX: Google Maps, Gmail, YouTube e Facebook.


Como o Ajax Works

AJAX


AJAX é baseado no Internet Standards

AJAX é baseado em padrões da Internet, e usa uma combinação de:

  • XMLHttpRequest objeto (para recuperar dados de um servidor web)
  • JavaScript/DOM (para exibir / utilizar os dados)

XMLHttpRequest é um nome enganoso. Você não tem que entender XML para usar AJAX.


Google Suggest

AJAX tornou-se popular em 2005 pelo Google, com o Google Suggest.

Google Suggest está usando AJAX para criar uma interface web muito dinâmico: Quando você começar a digitar na caixa de pesquisa do Google, um JavaScript envia as cartas para um servidor eo servidor retorna uma lista de sugestões.


Comece a usar AJAX Hoje

AJAX é baseado em padrões existentes. Esses padrões têm sido usados ​​por desenvolvedores durante vários anos. Leia os próximos capítulos para ver como ele funciona!