Olá, neste post vamos entender conceitualmente o que é evento AJAX e como podemos usá-los dentro do Scriptcase.

AJAX? Mas afinal o que é isso?

AJAX,  é o acrônimo de Asynchronous JavaScript and XML, é basicamente um conjunto de tecnologias de desenvolvimento web que tem como foco o construção de aplicações mais interativas, tendo como um dos principais objetivos a resposta rápida de páginas web através do intercâmbio de pequenas informações entre o servidor web, além de poupar a necessidade da página ser recarregada inteira sempre que uma nova ação for realizada.

Os recursos AJAX, falando de forma bem generalista, podem ser resumidos em três palavras: usabilidade, velocidade e interatividade. É um pacote de tecnologias que possibilitam tornar a relação entre interface web e usuário mais produtiva e rica.

Conceitualmente falando, utilizar AJAX remete conhecer bem JS, trabalhando com,  DOM, XML e CSS.

Tá, mas eaí, como funciona?

Para entender precisamos raciocinar como uma aplicação web comum funciona, o que basicamente ocorre é que nessa aplicação o navegador vai buscar as informações necessárias no servidor e retorna para o cliente.

Já no AJAX é um pouquinho diferenciado, digo isso por que aqui , no processo de carregamento da página, toda a carga de dados processada é passada para o cliente. Então quando um usuário faz uma solicitação, quem procura e retorna é o JS de forma simultânea , não precisando assim fazer o famoso, porém chato, ‘reload’ da página.

No entanto, vale deixar claro que nesse caso o processo de carregamento acaba se tornando um pouco mais lento, se comparado ao comum, já que muitas informações são pré-carregadas, mas no fim, somente os dados vão precisar ser carregados, resultando num site muito mais ágil.

Aplicação web comumAplicação AJAX
Solicitação HTTP é mandado do navegador para o servidor;Esse servidor recebe a solicitação e faz a busca dos dados;Após a busca o servidor retorna com os dados solicitados;Por fim o navegador, recebendo os dados, recarrega a página mostrando as novas informações.( Ressalvo que durante todo esse processo o usuário não pode fazer nada a não ser esperar os resultados de sua solicitação serem carregados, esse processo além de ser tedioso, acaba requerendo do servidor muitos recursos)Através do navegador, é gerado uma chamada em JS e posteriormente ativa o XMLHttpRequest;No background desse processo, o navegador cria uma solicitação HTTP para o server;Então o server recebe a solicitação, faz a busca e retorna os dados para o navegador;Por fim o navegador recebe então os dados enviados pelo server e os exibe diretamente na página( sem precisar que a página seja recarregada).

Eventos AJAX dentro do Scriptcase? Como?

O mercado atualmente conta com diversos frameworks para quem quer trabalhar com Ajax, muitas delas didáticas e de fácil aplicação, algumas ferramentas inclusive vem com componentes em Ajax que podem facilmente ser acopladas a uma aplicação, como é o caso do Scriptcase. Dentro da sua grade de componentes o Scriptcase conta com alguns desses específicos o que dá muito mais qualidade para as aplicações desenvolvidas nele, além disso, existe também uma facilidade muito grande de se programar esses componentes onde é necessário somente parametriza-los.

Conscientes agora que ao usar AJAX , o tráfego de informações desnecessárias são evitados, o processo de carregamento da aplicação se torna exponencialmente mais veloz.

Diante disso, o Scriptcase dispõe de quatro eventos para incrementar a sua aplicação web:

  • onChange – Este evento ocorre quando o campo tem o foco e o valor do campo é mudado e o foco é direcionado para outro objeto.
  • onClick – Este evento ocorre quando o campo é clicado. (somente este evento está disponível para uma aplicação do tipo consulta)
  • onBlur – Este evento ocorre quando o campo tem o foco, o valor do campo não é alterado e o foco é direcionado para outro objeto.
  • onFocus – Este evento ocorre quando o campo tem o foco.

Para melhor instruir sobre ajax dentro do SC, temos também alguns tutoriais práticos que demonstram a utilização dentro do nosso ambiente, sinta-se à vontade para ler:

  • Consultas com navegação AJAX:

http://www.scriptcase.com.br/tutoriais/consulta-com-navegacao-ajax/

Exemplo:

https://www.scriptcase.com.br/exemplos/relatorios-php/consulta-ajax/


  • Eventos AJAX na consulta:

http://www.scriptcase.com.br/tutoriais/consulta-com-evento-ajax/

Exemplo:

http://www.scriptcase.com.br/exemplos/relatorios-php/consulta-com-eventos-ajax/?view=clean


  • Usando botão AJAX:

http://www.scriptcase.com.br/tutoriais/usando-o-botao-ajax/


Caso você ainda não conheça, o Scriptcase é uma solução para o desenvolvimento de aplicações web relatórios de business intelligence de forma rápida e colaborativa.

Faça o download e venha experimentar a nossa ferramenta!

https://www.scriptcase.com.br/download/

You might also like…

Cloud Computing e suas tendências para 2020

O que é Cloud Computing? Apresenta a possibilidade de oferecer serviços através da Inter...

Aplicação com Abas utilizando o ScriptCase

Umas das funcionalidades mais interessantes desenvolvidas para auxiliar em grandes formulários sã...

SCRIPTCASE: O que é VS O que não é

Você conhece realmente o que é o Scriptcase? Nesse post pretendemos esclarecer todas as dúvidas ...

You might also like…

Get new posts, resources, offers and more each week.

We will use the information you provide to update you about our Newsletter and Special Offers. You can unsubscribe any time you want by clinck in a link in the footer of any email you receive from us, or by contacting us at sales@scriptcase.net. Learn more about our Privacy Police.