Introdução a AJAX

Ajax é um jogo das tecnologias, suportado por um web browser, including seguintes elementos:
 

• HTML e CSS para apresentar-se.
• Javascript (ECMAScript) para processar local, e DOM (modelo do objeto do original) para alcançar dados dentro da página ou para alcançar o elemento da lima de XML lido no usuário (com o método do getElementByTagName por exemplo)…
• A classe de XMLHttpRequest lê ou emite dados no usuário asynchronously.

Ajax usa um modelo de programação com exposições e eventos. Estes eventos são ações do usuário, eles chamam funções associadas ao elemento do Web page.
Interativo é conseguido com formulários e teclas. DOM reserva para ligar elementos da página com as ações e para extrair também dados das limas de XML fornecidas pelo usuário.
Para começar dados no usuário, XMLHttpRequest fornece dois métodos é como segue:
- abrir: criar uma conexão.
- emitir: emitir um pedido ao usuário.
Os dados fornecidos pelo usuário serão encontrados nos atributos do objeto de XMLHttpRequest:
- responseXml para uma lima de Xml ou
- responseText para um texto simples.

Fazer exame da nota que um objeto novo de XMLHttpRequest tem que ser criado para o cada as limas novas a carregar.

Nós temos que esperar os dados para estar disponíveis para processá-lo, e nesta finalidade, o estado de availabile dos dados é dado pelo atributo do readyState de XMLHttpRequest.

Os estados do readyState seguem:
0: não inicializado.
1: a conexão etablished.
2: o pedido recebeu.
3: resposta no processo.
4: terminado.

Dhtml tem mesma finalidade que Ajax, um jogo dos padrões:
- HTML,
- Css,
- Javascript.

A finalidade de Ajax é aquela de dar o illusion que os Web site são responsivos. Consegue esta processando pedidos que envolve a emissão e a recepção de pacotes pequenos dos dados sem refrescar o web browser. Ajax é fundado sobre:

• XHTML - Um subconjunto rígido do HTML de que seja usado marcar acima ou denominar a informação.
• DOM - O modelo do objeto do original que pode ser alcançado pelo browser do cliente.
• XMLHttpRequest - o objeto que é usado trocar asynchronously a informação.
• XML - O formato que é usado transferir os dados do usuário ao cliente.

O uso da técnica de Ajax uma combinação de:

• XHTML (ou HTML) e CSS, para marcar acima e denominar a informação.
• O DOM alcançou com uma língua scripting do cliente-lado, especialmente execução de ECMAScript tal como o Javascript e JScript, dinâmicamente às exposições e interage com a informação apresentada.
• O XMLHttpRequest é um objeto que seja usado trocar asynchronously dados com o web server. Em alguma estrutura de Ajax e em determinadas situações, um IFrameobject é usado em vez do objeto de XMLHttpRequest trocar dados com o web server, e em outras execuções, adicionou dinâmicamente o Tag do <script> pode ser usado.
• XML é usado às vezes como o formato para dados transferindo entre o cliente e o usuário, embora todo o formato trabalhe, including o HTML preformatted, o texto liso, EBML estas limas pode ser criado dinâmicamente por algum formulário do usuário-lado que scripting.

Gerando o HTML localmente dentro do browser, e somente trazendo abaixo chamadas do Javascript e os dados reais dos Web pages de Ajax pode parecer carregar rapidamente desde que o payload que vem para baixo é muito menor no tamanho. Um exemplo desta técnica é os resultados grandes ajustados onde as páginas múltiplas dos dados existem. Com Ajax, o HTML da página, por exemplo, um controle da tabela e um Tag relacionado de TD e de TR pode ser produzido localmente no browser e não ser trazido para baixo com a primeira página dos dados. Se o clique do usuário outras páginas, somente os dados for trazido, e povoado no HTML gerar no browser.

A aplicação de Ajax é executada principalmente na máquina do usuário, manipulando a página atual dentro de seu browser usando métodos do modelo do objeto do original. Ajax pode ser usado para um multitude das tarefas tais como atualizar ou suprimir registros; formulários de expansão da correia fotorreceptora; perguntas simples de retorno da busca; ou editando a categoria árvore-toda without a exigência buscar uma págiana inteira do HTML cada vez que uma mudança é feita. Geralmente somente os pedidos pequenos necessitam ser emitidos ao usuário, e as respostas relativamente curtas são emitidas para trás. Isto permite o desenvolvimento de uma aplicação mais interativa que caracteriza umas relações de usuário mais responsivas devido ao uso de técnicas de DHTML

As aplicações da correia fotorreceptora que utilizam Ajax podem quebrar o comportamento previsto do browser para trás abotoam-se. A diferença entre o retorno a um estado precedente da corrente, página dinâmicamente modificada contra ir para trás a uma página de estática precedente pôde ser a subtle, mas os usuários esperam geralmente que isso estalar a tecla traseira em aplicações da correia fotorreceptora moverá seu browser para a última página que carregou, e em aplicações de Ajax este não pôde ser o caso.

Uma outra edição é que o update dinâmico dos Web pages faz difícil para que um usuário bookmark um estado particular da aplicação. As soluções a este problema existem, muitos de que usam o identificador do fragmento do URL (a parcela de um URL depois que “#”) se manter a par, e para permitir que os usuários retornem a, a aplicação em um estado dado. Isto é possível porque muitos browsers permitem que o Javascript atualize o identificador do fragmento do URL dinâmicamente, de modo que as aplicações de Ajax possam o manter enquanto o usuário muda o estado da aplicação. Esta solução melhora também a sustentação da para trás-tecla. É, entretanto, não uma solução completa.

T intervalo entre o pedido de usuário e a resposta do usuário ou a latência da rede necessita ser considerado com cuidado durante o desenvolvimento de Ajax. Sem gabarito desobstruído ao usuário, preloading esperto dos dados e manipulação apropriada do objeto de XMLHttpRequest, o usuário pôde experimentar atrasa na relação da aplicação da correia fotorreceptora, algo que os usuários não puderam esperar ou compreender. Adicionalmente, quando uma página inteira é rendida há momentos breves do readjuste para o olho quando o índice muda. A falta deste readjuste com parcelas menores dos makes em mudança da tela a latência mais aparente. O uso do gabarito visual (tal como throbbers) alertar o usuário da atividade do fundo e/ou preloading do índice e dos dados são frequentemente soluções sugeridas a estas edições da latência. No general o impacto potencial da latência “não foi resolvido” por algum dos toolkits abertos de Ajax da fonte e de hoje disponível da estrutura, tal como o efeito do tempo excedente da variação da latência.

Antes que você continue você deve ter alguma compreensão básica da seguinte língua:

• HTML/XHTML
• CSS
• XML
• Javascript

Se você quiser estudar este primeiro sujeito, encontrar os tutorials em nosso Home Page.