passing a body containing a json array of items for delete in angular

Question

I have a REST API as below which is using the HTTP DELETE method. I have to pass this body in that HTTP DELETE method in Angular. Please help. I cannot change the structure of this body

{
  "transactions": [
    {
      "eventId": "21012200237172",
      "productCode": "LC",
      "id": "LC20110000090023"
    }
  ]
}

You may pass a body when using the universal `http.request` variant. Take a look at this question: https://stackoverflow.com/questions/46049082/how-to-add-a-body-to-angular-httpclient-delete-function — Gunnar B., Jan 29 '21 at 07:50

Syed Mohammad Fahim Abrar · Accepted Answer · 2021-01-29T11:38:19.390

1

you can pass body in httpdelete with options

let apiUrl = 'yourUrl';
let transactions = [{
    "eventId": "21012200237172",
    "productCode": "LC",
    "id": "LC20110000090023"
}];

const options = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json',
  }),
  body: {
    transactions: transactions
  },
};

this.httpClient
  .delete(apiUrl, options)
  .subscribe((s) => {
    console.log(s);
  },err => {
    console.log(err);
  });

edited Jan 29 '21 at 11:38

answered Jan 29 '21 at 08:04

Syed Mohammad Fahim Abrar

785
1
7
24

but , with this i can just use the body to be passed in options . How about if i have to observe the response status code. with the above code observe:'response' is not supported in options – learnerNT Jan 29 '21 at 10:56
the subscribe method will grab your response. You can find the response and response status code both in the variable "s" in above code snippet – Syed Mohammad Fahim Abrar Jan 29 '21 at 11:02
it does contain the response but it doesnt contain the response status – learnerNT Jan 29 '21 at 11:19
can you please give the response screenshot from chrome-developer tool's network tab? – Syed Mohammad Fahim Abrar Jan 29 '21 at 11:29
and another fact if the delete is not successful then the error will have to catch in another callback.if first callback hit then the delete operation is successfull – Syed Mohammad Fahim Abrar Jan 29 '21 at 11:35
see i have updated the answer with catching errors. – Syed Mohammad Fahim Abrar Jan 29 '21 at 11:38
I have handled the error conditions , However for the response status it looks as below: {transactions: Array(1), messageKey: "TRANSACTIONS_DELETE_SUCCESS", message: "The transaction(s) have been successfully deleted.", userLangaugeMessage: "The transaction(s) have been successfully deleted.", userLanguage: "en"} – learnerNT Jan 29 '21 at 14:50
please check your comment. you didn't provide any screenshot or anything else – Syed Mohammad Fahim Abrar Jan 29 '21 at 14:54
you can provide pastebin link – Syed Mohammad Fahim Abrar Jan 29 '21 at 14:55

passing a body containing a json array of items for delete in angular

1 Answers1