Making Post request with XML data in Angular 5

Question

I'm am new to angular and using angular 5.

I'm making a http post request and I want to send xml data to backend as my backend only accept data in xml format.

I've followed some tutorials but couldn't get it to work. Please let me know what I'm doing wrong and how can I make it work.

This is how I'm making request.

signin(){
    const headers = new HttpHeaders({responseType: 'text' , 'Content-Type': 'text/xml' }).set('Accept', 'text/xml');
    let body =  '<request>' 
                '<username>Username</username>' 
                '<password>Password</password>' 
                '</request>';
    const hdr = {headers:headers , body:body};
    console.log("Checking:  " , hdr);
    return this.http.post('https://66.128.132.126:8002/?event=account_login' , hdr);
}

Here is my console for this:

And here is my network:

Shouldn't it be `'https://66.128.132.126:8002?event=account_login'`? — Chrillewoodz, Mar 06 '18 at 09:22
That's not the issue, Api is working fine both ways, I've tested it on Postman. — Adnan Sheikh, Mar 06 '18 at 10:44
Hmm okey, the fact that's it's an unknown error doesn't help a lot.. — Chrillewoodz, Mar 06 '18 at 10:46

Raghu Ram · Answer 1 · 2019-09-27T10:10:34.627

2

the responseType and body should not be appended with headers. body should be sent separetly and with headers and responseType options object should be formed and sent as a parameter to post.

signin(){
    const headers = new HttpHeaders();
          headers = headers.append('Content-Type', 'text/xml');
          headers = headers.append('Accept', 'text/xml');
    let body =  '<request>' 
                '<username>Username</username>' 
                '<password>Password</password>' 
                '</request>';

    return this.http.post('https://66.128.132.126:8002/?event=account_login',body , { headers: headers, responseType: 'text' });
}

edited Sep 27 '19 at 10:10

answered Mar 08 '18 at 05:07

Raghu Ram

141
5

Still getting the preflight error `Response for preflight has invalid HTTP status code 405` – Adnan Sheikh Mar 08 '18 at 05:14
have you authorized the OPTIONS requests in your backend. similar to POST , GET. – Raghu Ram Mar 08 '18 at 05:31
I don't have access to backend. But I'm sending a POST request, I don't understand why it is going with OPTIONS. Can you please put some light on it? – Adnan Sheikh Mar 08 '18 at 09:51
1

preflight request are made automatically by browser if requests are across different origins. It cannot be prevented. The only way to solve this is to request the backend people to allow OPTIONS request. you can see more detailed explantion here (https://stackoverflow.com/questions/29954037/why-is-an-options-request-sent-and-can-i-disable-it) – Raghu Ram Mar 08 '18 at 10:06

score 1 · Accepted Answer · answered Mar 06 '18 at 09:19

1

By default Angular CLI made a Preflight Request in order to check CORS: https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request

It seems that you backend isn't handling this request correctly. We need backend info to help you

answered Mar 06 '18 at 09:19

Jose A. Matarán

470
2
7
16

Thank you @Jose for your attention. It does not give any error while making request from postman, also it doesn't show this error when testing on mozilla browser – Adnan Sheikh Mar 06 '18 at 10:45
@AdnanSheikh postman doesn’t send preflight that it’s your problem. – Jose A. Matarán Mar 06 '18 at 12:56
Unfortunately I don't have access to backend, we are provided only with APIs. – Adnan Sheikh Mar 07 '18 at 12:13

Making Post request with XML data in Angular 5

2 Answers2

Linked