Curso

Dominando Ajax com jQuery

Neste curso vamos aprender como utilizar a função Ajax da biblioteca jQuery para realizar requisições a uma Web API RESTful. Com o uso dessa biblioteca, combinaremos a função ajax com outras funções de manipulação do DOM para que os dados retornados pela API sejam exibidos na tela do usuário sem o recarregamento da página e de forma assíncrona.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

8 horas

Curso de AJAX e jQuery (8 aulas)

Aula 1 - Apresentação

Nessa aula vamos apresentar o projeto, onde vamos realizar um consumo a um webservice com a arquitetura REST utilizando usando o jQuery para realizar um requisição ajax

Aula 2 - Capturando o elemento a ser buscado

Nessa aula será usado a função onClick para capturar o valor do input e exibindo o mesmo na tela, também veremos o uso da função preventDefault.

Aula 3 - Refatorando o script

Nessa aula vamos realizar uma refatoração do código, fragmentando as funções para facilitar a compreensão e a manutenção.

Aula 4 - Inclusão do ajax e consumo ao webservice

Vamos fazer a inclusão do ajax para poder realizar o consumo a API e vamos retornar um único elemento.

Aula 5 - Tratamento de Erro

Nessa aula vamos realizar o tratamento de erro caso no requisição falhe por motivos de timeout ou devido a url mal formatada.

Aula 6 - Percorrendo o retorno da requisição

Nessa aula vamos tratar o retorno caso ele seja uma coleção de dados fazendo que seja exibido todos os dados retornados.

Aula 7 - Criando um loading para a requisição

Nessa aula veremos como criar um loading que será executado enquanto aguardamos o retorno do nosso consumo.

Aula 8 - Inserindo o script em um arquivo externo

Para finalizar a esse curso vamos separar o nosso código javascript em um arquivo externo, separando do HTML, facilitando a visibilidade e a manutenibilidade do código.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de JavaScript

JavaScript: Input

JavaScript: Aplicação em camadas

JavaScript: Objeto Literal e coleção de objetos