Índice
Um dos principais usos que são dados ao Ajax é o envio de dados para o servidor, para isso usamos os formulários de HTML5Com isso, nossos scripts de servidor podem fazer cálculos, validações, processamento, ativar outros scripts, etc. Tudo o que nossas necessidades exigem.Desta forma conseguimos respostas aos pedidos dos nossos documentos, evitando o recarregamento de toda a página, melhorando a navegação e criando efeitos muito mais óptimos e interativos para o utilizador que entra no nosso site.
Enviando os dados do formulário
Como mencionamos anteriormente, o uso de formulários é fundamental para o envio de dados ao servidor, uma das formas mais comuns é coletar a informação por conta própria e formatá-la, desta forma ela estaria disponível para envio.
Vamos ver o seguinte código com o qual podemos ilustrar e definir o que estamos explicando nesta seção teórica:
ExemploBananas:Maçãs:Cerejas:Total:0 itensEnviar formulário
Neste código, simplesmente temos um formulário com vários campos de entrada, no bloco onde os rótulos começam, vemos como pegamos os dados do formulário e iteramos com cada entrada que encontramos, para que possamos manipulá-los e adicioná-los a um variável que conterá uma string com cada um dos dados, esta string é semelhante a esta:
bananas = 2 & maçãs = 5 & cerejas = 20 &.
Então, podemos passar esses dados via PUBLICAR ao nosso servidor e finalmente a resposta recebida é incorporada em um elemento com um id específico, com isso podemos introduzir uma mudança na página sem ter que atualizá-la completamente.
Vamos ver na imagem a seguir como isso ficaria em nosso navegador:
PROLONGAR
Com isso encerramos este tutorial, pois vemos que é bastante fácil implementar uma solução Ajax Isso nos permite enviar dados para o servidor, sem a necessidade de gerar um novo documento e assim evitar recarregar a página e perder o contexto do que o usuário pode estar vendo em sua tela.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo
