Uso avanzato di $http in AngularJS

di Daniele Bochicchio, in HTML5, AngularJS,

Negli script #141 e #142 abbiamo visto come sfruttare il servizio $http per fare chiamate HTTP e gestire gli errori.

Con la stessa sintassi, possiamo utilizzare tutti i VERB dell'HTTP:

  • $http.get
  • $http.head
  • $http.post
  • $http.put
  • $http.delete
  • $http.jsonp
  • $http.patch

Un caso particolare è quello rappresentato dalla necessità di passare anche header alla chiamata. Di default, AngularJS ha una serie di header standard all'interno dell'oggetto $httpProvider.defaults.header.

Possiamo fare una chiamata in PUT, passando (o sovrascrivendo) anche le header, in questo modo:

var req = {
 method: 'PUT',
 url: '/Customers/1',
 headers: {
   'Content-Type': 'application/json',
   'Authorization': 'Basic mykey'
 },
 data: { Name: 'Daniele', ID: 1 }
}

$http(req).then(function(){
  // OK
}, function(){
  // errore
});


Utilizzare il servizio $http in AngularJS per chiamate asincrone a servizi
https://www.html5italia.com/script/141/Utilizzare-Servizio-Http-AngularJS-Chiamate-Asincrone-Servizi.aspx

Gestire gli errori nelle chiamate asincrone a servizi in AngularJS
https://www.html5italia.com/script/142/Gestire-Errori-Chiamate-Asincrone-Servizi-AngularJS.aspx

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi