Encountering an HTTP parsing failure while sending XML through Angular 5's HttpClient

Question

Encountering an HTTP parsing failure while sending XML through Angular 5's HttpClient

Struggling to access a local webservice through XML:

Take a look at the code below:

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'text/xml',
    'Accept':  'text/xml',
    'Response-Type': 'text'
  })
};


login() {
    const postedData = `
        <authenticationDetail>
            <userName>myusername</userName>
            <password>mypassword</password>
        </authenticationDetail>`;
    return this.http.post('http://localhost/login.ws', postedData, httpOptions)
    .subscribe(
        result => {
            console.log('This result is' + result);
        },
        error => {
            console.log('There was an error: ', error);
        }
    );
}

The specific error message received reads:

Http failure during parsing for 'http://localhost/login.ws'

Trying to identify and resolve the issue - Any suggestions?

javascript xml angular typescript

Answer 1

Answer №1

Have you experimented with this code snippet?

const httpOptions = {
    headers: new HttpHeaders({
        'Content-Type':  'text/xml',
        'Accept':  'text/xml',
        'Response-Type': 'text'
    }), 
    responseType: 'text'
};

It is important to note that the responseType must be specified as text not only in the headers but also in the object httpOptions. Failure to do so may result in Angular incorrectly parsing the response as JSON.

Answer 2

Have you experimented with this code snippet?

const httpOptions = {
    headers: new HttpHeaders({
        'Content-Type':  'text/xml',
        'Accept':  'text/xml',
        'Response-Type': 'text'
    }), 
    responseType: 'text'
};

It is important to note that the responseType must be specified as text not only in the headers but also in the object httpOptions. Failure to do so may result in Angular incorrectly parsing the response as JSON.

Answer 3

Answer №2

Make a modification to your request like so:

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

return this.http.post('localhost/login.ws',body , { headers: customHeaders, responseType: 'text' })
.subscribe(
        res => {
        parseString(res.text(), (err, result) => {
            if (err) {
                return console.log('invalid XML');
            }

            console.log(result);
        })
    },error => {
            console.log('An error occurred: ', error);
        }
    );
}

Answer 4

Make a modification to your request like so:

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

return this.http.post('localhost/login.ws',body , { headers: customHeaders, responseType: 'text' })
.subscribe(
        res => {
        parseString(res.text(), (err, result) => {
            if (err) {
                return console.log('invalid XML');
            }

            console.log(result);
        })
    },error => {
            console.log('An error occurred: ', error);
        }
    );
}

Answer 5

Answer №3

Experiment

let postedData = '<authenticationDetail>' + 
                 '<userName>myusername</userName>' + 
                 '<password>mypassword</password>' + 
                 '</authenticationDetail>';

Instead of using template string with whitespace char "new line", try the traditional method with regular strings.

Answer 6

Experiment

let postedData = '<authenticationDetail>' + 
                 '<userName>myusername</userName>' + 
                 '<password>mypassword</password>' + 
                 '</authenticationDetail>';

Instead of using template string with whitespace char "new line", try the traditional method with regular strings.

Encountering an HTTP parsing failure while sending XML through Angular 5's HttpClient

Answer №1

Answer №2

Answer №3

Similar questions

Locating the JSON path within an object

brings fulfillment except for categories

Unable to eliminate top margin in Bootstrap 3 affix feature

Display all event date markers, even if some dates are missing

Insert a scrollbar into the new popup window on Internet Explorer after the window has been opened

I want to modify a class in Angular 8 by selecting an element using its ID and adjust the styling of a div

Trouble accessing nested components in Angular CLI beyond the first level of components

How can I search multiple columns in Supabase using JavaScript for full text search functionality?

What strategy does Node recommend for organizing code into multiple files?

To initiate the development environment, execute the following command: `cross-env NODE_ENV=

Problem with exporting default class in Babel/Jest conflict

What is the best way to monitor and record the height of a div element in a React application?

The type 'myInterface' cannot be assigned to the type 'NgIterable<any> | null | undefined' in Angular

Controlling numerous websockets using React

Tips for adjusting the height of a Safari extension during runtime

Transforming XML data into HTML format

Combine rows with the same value in the first column of an HTML table

innerhtml does not display the entire array contents

I am unable to utilize the outcome of a custom hook within a function or within an effect hook

Enhancing IntelliJ IDEA's autocomplete functionality with JavaScript libraries