Come inviare richieste HTTP DELETE da Angular all'API di backend

Blog

Di seguito è riportato un rapido set di esempi per mostrare come inviare richieste HTTP DELETE da Angular a un'API di backend.



converti array in json javascript

Semplice richiesta DELETE

Questo invia una richiesta HTTP DELETE al JSONSegnaposto api che è una falsa API REST online che include un |_+_| percorso che risponde a |_+_| richieste con una risposta HTTP 200 OK. Quando viene ricevuta la risposta, il componente Angular visualizza il messaggio di stato 'Cancellazione riuscita'.

/posts/1

Esempio Componente angolare a https://stackblitz.com/edit/angular-http-delete-examples?file=app/components/delete-request.component.ts



DELETE richiesta con gestione degli errori

Questo invia una richiesta a un URL non valido sull'API, quindi assegna l'errore a |_+_| componente e registra l'errore nella console.

L'oggetto passato alla richiesta |_+_| contiene due funzioni di callback, il |_+_| la funzione viene chiamata se la richiesta ha esito positivo e |_+_| la funzione viene chiamata se la richiesta fallisce.



DELETE

Esempio Componente angolare a https://stackblitz.com/edit/angular-http-delete-examples?file=app/components/delete-request-error-handling.component.ts

Richiesta DELETE con intestazioni impostate

Questo invia di nuovo la stessa richiesta con un paio di intestazioni impostate, l'HTTP |_+_| intestazione e un'intestazione personalizzata |_+_|.

Le intestazioni seguenti sono create come un semplice oggetto javascript, possono anche essere create con |_+_| classe, ad es. |_+_|

Per impostare o aggiornare le intestazioni su un |_+_| . esistente oggetto chiama il |_+_| metodo, ad es. |_+_|

ngOnInit() { this.http.delete('https://jsonplaceholder.typicode.com/posts/1') .subscribe(() => this.status = 'Delete successful'); }

Esempio Componente angolare a https://stackblitz.com/edit/angular-http-delete-examples?file=app/components/delete-request-headers.component.ts

#angular #api #sviluppo web #programmazione #javascript

jasonwatmore.com

Come inviare richieste HTTP DELETE da Angular all'API di backend

Scopri come inviare richieste HTTP DELETE da Angular a un'API di backend.