Communication HTTP avec AngularJS

Quand on travaille avec Javascript la chose normale est que si nous voulons obtenir des données d'un serveur, nous devons faire des demandes via Ajax cela nous oblige à manipuler les différentes méthodes HTTP afin d'avoir les bonnes réponses du serveur.
AngularJS n'est pas différent dans cette approche et vous devez donc faire des demandes aux serveurs via HTTP Afin d'obtenir les informations avec lesquelles remplir les modèles de données, c'est la base de toute application.
Dans les temps anciens, nous devions manipuler directement l'objet XMLHttpRequête dans nos documents avec Javascript afin que nous puissions obtenir les données et envoyer les différentes requêtes, cela résultait en un code extrêmement long, répétitif et peu lisible, pour un exemple, voyons un schéma de requête standard des époques passées :

Comme nous pouvons le voir, nous devions d'abord définir comment gérer la réponse à la demande, établir les méthodes standard et nous devions également gérer les erreurs manuellement, enfin nous avons ouvert la connexion au serveur et envoyé les données. C'était à l'époque quelque chose de révolutionnaire, cependant la lourdeur de son application a conduit à une modernisation de tout cela.
Maintenant, nous avançons d'environ 10 ans et nous avons AngularJS qui simplifie la façon dont nous communiquons avec les serveurs via HTTP, pour cela nous avons le Interface XHR qui nous permet de faire des appels asynchrones aux différents serveurs et avec les différentes méthodes HTTP, cela simplifie l'implémentation précédente et facilite le développement, comme nous pouvons le voir dans l'exemple suivant :

Ici, nous voyons comment avec la méthode avoir () appelé avec la variable $ http, nous pouvons invoquer un chemin de serveur et transmettre des paramètres de manière simple, puis si nous avons une réponse réussie, nous pouvons exécuter une action et en cas d'erreur, nous pouvons en exécuter une autre.
ComparaisonSi nous comparons les chemins entre l'ancien et ce qui a été réalisé avec AngularJSNous voyons qu'il n'y a pratiquement pas de points communs autres que la fonctionnalité, bien sûr l'ancienne forme est ce qui a laissé la place à tout ce que nous pouvons avoir aujourd'hui pour pouvoir rendre le développement plus rapide et moins déroutant.
Dans l'exemple précédent, nous venons de voir comment faire une demande via AVOIR, cependant nous pouvons utiliser toutes les méthodes disponibles dans HTTP, voyons ce dont nous disposons :

• AVOIR
• DIRIGER
• PUBLIER
• EFFACER
• METTRE
• JSONP

Comme nous pouvons le voir, nous avons le choix entre plusieurs, l'utilisation de l'un ou de l'autre viendra de notre exigence, donc si nous voulons consulter quelque chose, nous utiliserons AVOIR, si nous voulons envoyer des données, nous utiliserons PUBLIER, voyons dans l'exemple suivant comment faire une requête PUBLIER:

Nous voyons comment nous pouvons passer des variables contenant différentes données dans la requête et nous utilisons la méthode post() dans ce cas pour faire référence à la méthode HTTP souhaitée.
Avec cela, nous terminons ce tutoriel, nous avons vu comment nous pouvons gérer les différentes méthodes dans AngularJS et l'amélioration qui a été constatée au fil des ans en ce qui concerne les moyens antérieurs de parvenir à la communication via HTTP avec les serveurs.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif