Comunicazione HTTP con AngularJS

Quando lavoriamo con Javascript la cosa normale è che se vogliamo ottenere dati da un server dobbiamo fare richieste tramite Ajax questo ci fa dover manipolare i diversi metodi HTTP per avere le risposte adeguate dal server.
AngularJS non è diverso in questo approccio e quindi è necessario effettuare richieste ai server tramite HTTP Per ottenere le informazioni con cui compilare i modelli di dati, questa è la base di qualsiasi domanda.
Nell'antichità dovevamo manipolare direttamente l'oggetto XMLHttpRequest all'interno dei nostri documenti con Javascript in modo da poter ottenere i dati e inviare le diverse richieste, questo ha comportato un codice estremamente lungo, ripetitivo e poco leggibile, per un esempio vediamo uno schema di richiesta standard di epoche passate:

Come possiamo vedere, prima dovevamo definire come gestire la risposta alla richiesta, stabilendo i metodi standard e dovevamo anche gestire manualmente gli errori, infine abbiamo aperto la connessione al server e inviato i dati. Questo all'epoca era qualcosa di rivoluzionario, tuttavia la complessità della sua applicazione ha portato a una modernizzazione di tutto questo.
Ora andiamo avanti di circa 10 anni e abbiamo AngularJS che semplifica il modo in cui comunichiamo con i server tramite HTTP, per questo abbiamo il Interfaccia XHR che ci permette di effettuare chiamate asincrone ai diversi server e con le diverse modalità HTTP, questo rende l'implementazione precedente semplificata e semplifica lo sviluppo, come possiamo vedere nell'esempio seguente:

Qui vediamo come con il metodo ottenere () chiamato con la variabile $ http, possiamo invocare un percorso del server e anche passare i parametri in modo semplice, quindi se abbiamo una risposta positiva possiamo eseguire alcune azioni e in caso di risposta di errore possiamo eseguirne una diversa.
ConfrontoSe confrontiamo le vie tra il vecchio e ciò che è stato realizzato con AngularJSVediamo che non ci sono quasi punti in comune oltre alla funzionalità, ovviamente la vecchia forma è ciò che ha lasciato il posto a tutto ciò che possiamo avere oggi per essere in grado di rendere lo sviluppo più veloce e meno confuso.
Nell'esempio precedente abbiamo appena visto come effettuare una richiesta tramite OTTENERE, tuttavia possiamo utilizzare tutti i metodi disponibili in HTTP, vediamo cosa abbiamo a disposizione:

• OTTENERE
• TESTA
• INVIARE
• ELIMINA
• METTERE
• JSONP

Come possiamo vedere ne abbiamo diversi tra cui scegliere, l'uso dell'uno o dell'altro verrà dalla nostra esigenza, quindi se vogliamo consultare qualcosa useremo OTTENERE, se vogliamo inviare un dato che useremo INVIARE, vediamo nell'esempio seguente come fare una richiesta INVIARE:

Vediamo come possiamo passare variabili contenenti dati diversi all'interno della richiesta e usiamo il metodo post() in questo caso per fare riferimento al metodo HTTP desiderato.
Con questo finiamo questo tutorial, abbiamo visto come possiamo gestire i diversi metodi in AngularJS e il miglioramento che è stato sperimentato nel corso degli anni rispetto ai precedenti modi di raggiungere la comunicazione tramite HTTP con i server.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo