Comunicação HTTP com AngularJS

Quando trabalhamos com Javascript o normal é que, se quisermos obter dados de um servidor, devemos fazer solicitações via Ajax isso nos obriga a manipular os diferentes métodos HTTP para obter as respostas adequadas do servidor.
AngularJS não é diferente nesta abordagem e, portanto, você precisa fazer solicitações aos servidores via HTTP Para obter as informações com as quais preencher os modelos de dados, esta é a base de qualquer aplicação.
Nos tempos antigos, tínhamos que manipular diretamente o objeto XMLHttpRequest dentro de nossos documentos com Javascript para que pudéssemos obter os dados e enviar as diferentes solicitações, isso resultou em um código extremamente longo, repetitivo e pouco legível, como exemplo vamos ver um esquema de solicitação padrão de eras passadas:

Como podemos ver, primeiro tivemos que definir como tratar a resposta à solicitação, estabelecendo os métodos padrão e também tivemos que tratar os erros manualmente, finalmente abrimos a conexão com o servidor e enviamos os dados. Isso na época foi algo revolucionário, porém a complexidade de sua aplicação levou a uma modernização de tudo isso.
Agora avançamos cerca de 10 anos e temos AngularJS que simplifica a maneira como nos comunicamos com os servidores via HTTP, para isso temos o Interface XHR que nos permite fazer chamadas assíncronas para os diferentes servidores e com os diferentes métodos HTTP, isso faz com que a implementação anterior pareça simplificada e torna o desenvolvimento mais fácil, como podemos ver no exemplo a seguir:

Aqui vemos como com o método obter () chamado com a variável $ http, podemos invocar um caminho de servidor e também passar parâmetros de forma simples, então se tivermos uma resposta bem-sucedida podemos executar alguma ação e no caso de haver uma resposta de erro podemos executar outra diferente.
ComparaçãoSe compararmos as formas entre o antigo e o que foi alcançado com AngularJSVemos que dificilmente existem outros pontos comuns além da funcionalidade, é claro que o antigo formulário é o que deu lugar a tudo o que podemos ter hoje para poder tornar o desenvolvimento mais rápido e menos confuso.
No exemplo anterior, acabamos de ver como fazer uma solicitação por meio de OBTER, no entanto, podemos usar todos os métodos disponíveis em HTTP, vamos ver o que temos disponível:

• OBTER
• CABEÇA
• PUBLICAR
• EXCLUIR
• POR
• JSONP

Como podemos ver, temos vários à sua escolha, o uso de um ou outro virá de nossa exigência, então se quisermos consultar algo usaremos OBTER, se quisermos enviar dados, usaremos PUBLICAR, vamos ver no exemplo a seguir como fazer uma solicitação PUBLICAR:

Vemos como podemos passar variáveis ​​contendo dados diferentes dentro da solicitação e usamos o método post () neste caso para nos referirmos ao método HTTP desejado.
Com isso terminamos este tutorial, vimos como podemos lidar com os diferentes métodos em AngularJS e a melhoria que tem sido experimentada ao longo dos anos em relação às formas anteriores de alcançar a comunicação via HTTP com os servidores.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo