Como funciona o Ajax
Este artigo discutirá os componentes do Ajax e como o Ajax funciona. Falaremos sobre o funcionamento do Ajax em alguns aplicativos baseados na Web. Além disso, uma comparação entre o modelo convencional e Ajax será fornecida. Então vamos começar!
Componentes do Ajax
Ajax é um conjunto de técnicas de desenvolvimento da web. É baseado nos componentes abaixo do dado:
- No modelo Ajax, o Xhtml/html é considerado idiomas centrais e folhas de estilo em cascata (CSS) como a linguagem de apresentação.
- O Modelo de objeto de documento é utilizado para mostrar conteúdo dinâmico e fins de interação.
- Para trocar dados, o Ajax depende de Xml, e XSLT é usado para manipulação de dados.
- O XmlHttPrequest O objeto é usado para a comunicação assíncrona no modelo.
- Por último, JavaScript é usado para conectar todas essas tecnologias no Ajax.
Como funciona o Ajax
Sempre que os usuários enviam qualquer solicitação da interface do usuário, ou ocorre um evento, como um botão que está sendo clicado ou a página da web sendo carregada, o JavaScript cria um “XmlHttPrequest”Objeto. Depois disso, o objeto criado envia uma httprequest para o servidor da web. Então, o servidor processa o recebido Httprequest Ao interagir com o banco de dados. Quando os dados necessários são buscados no banco de dados, uma resposta é gerada e o servidor envia de volta que JSON ou Xml dados para o navegador. Na próxima etapa, o JavaScript processa os dados retornados e atualiza a página da web de acordo.
A imagem abaixo do goleiro também ilustra o funcionamento do Ajax:
Ajax Exemplos práticos
Considere o recurso de preenchimento autocomático do Google local na rede Internet. Ajuda a completar as palavras -chave enquanto digita. As páginas da Web do Google permanecem as mesmas quando as palavras-chave mudam em tempo real. Quando a Internet não foi tão avançada no início anos 90, A página do Google Web foi recarregada sempre que mostrava uma nova recomendação da tela do navegador.
Em 2004, O Google começou a incorporar o modelo Ajax nos bastidores do Google Map e do Google Mail. Ele permite a troca de dados e permite que a camada de apresentação funcione sem interferir.
O Ajax agora é comumente utilizado em vários aplicativos baseados na Web para simplificar a comunicação com o servidor. Também compilamos uma lista de outros exemplos práticos do Ajax:
- Salas de conversa: Atualmente, as salas de bate-papo embutidas estão entre as mais características de um site. Os sites oferecem salas de bate -papo em sua página inicial, usando as quais você pode se comunicar com o representante do atendimento ao cliente. Você pode explorar a página da web ao enviar e receber mensagens de salas de bate -papo. Ajax não recarregue toda a página durante essas atividades simultâneas.
- Sistemas de classificação e votação: Você já participou de algum formulário de votação on -line ou deu uma classificação de produto depois de comprá -lo online? Ajax é utilizado em ambos os sistemas mencionados. Depois de dar a classificação ou votação, o site atualizará a seção de cálculo, enquanto o restante permanece inalterado.
- Notificação de tendência do Twitter: A notificação da moda do Twitter é um ótimo recurso para acompanhar o que está acontecendo no mundo. O Ajax foi recentemente empregado no Twitter para as atualizações e atualiza o aplicativo sempre que novos tweets são enviados sobre tópicos da moda sem afetar o site principal.
Em resumo, os modelos Ajax facilitam a multitarefa. Suponha que você observe um aplicativo executando duas atividades simultaneamente, sem colocar uma em marcha lenta e a outra em um estado ativo. Nesses cenários, o Ajax está trabalhando em segundo plano.
Comparação de Ajax e modelo convencional
| Modelo Ajax | Modelo convencional |
|---|---|
| Quando ocorre um evento, o navegador define uma chamada JavaScript, ativando o XMLHTTPREQUEST. | O navegador passa uma solicitação HTTP para o servidor no modelo convencional. |
| O objeto criado envia uma solicitação HTTP para o servidor em segundo plano. | Os dados são recebidos e depois recuperados pelo servidor. |
| A solicitação é recebida, os dados necessários são recuperados e enviados de volta ao navegador da web. | O navegador da web aceita a resposta do servidor. |
| Os dados buscados são enviados de volta ao navegador e exibidos diretamente na página. No modelo Ajax, nenhuma operação de recarga da página é realizada enquanto isso. | O navegador recarrega a página para atualizá -la. Durante esta operação, os usuários precisam esperar até que a página seja recarregada. Esta ação é demorada e coloca cargas extras no servidor. |
Conclusão
O Ajax permite que as páginas da Web sejam atualizadas de forma assíncrona enquanto trocam os dados em segundo plano. Isso afirma que os elementos da página da web podem ser atualizados sem recarregamento da página. Este artigo discutiu os componentes do Ajax e como o Ajax funciona. Conversamos sobre o funcionamento do Ajax em alguns aplicativos baseados na Web de topo. Além disso, uma comparação entre os modelos convencionais e Ajax também é fornecida.