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

Turn off the scrolling bars and only allow scrolling using the mouse wheel or touch scrolling

Troubleshooting Guide: Issues with Bootstrap 3 Modal Window Implementation

React 18 update causes malfunctioning of react-switch-selector component

Is it possible to integrate a jQuery function within PHP code when encountering a "is not defined"

Unusual reverberation following the completion of a foreach loop for combining a series of

A guide on organizing nested object data in react-native

Enabling individuals to transfer their content to Amazon S3

Looking to utilize vue.js to alter the color of the <li> element when a select option is chosen

"Utilize a loop in Angular 2 to consistently send HTTP GET requests to service

Incomplete header data in Angular $resource GET request

Attempting to create a Next.js 13 application, but struggling with using the client-side functionality

Issue with converting form data to JSON format

Utilizing the Flex property on the parent div ensures that all child elements receive an equal width

fade out row upon successful deletion using ajax

Choose the text by clicking on a button

After redirection to a new page, the Ionic-vue menu malfunctioned

The ckeditor vanishes upon refreshing the div element

Avoiding code execution by injections in Javascript/Jquery

Removing items in vue.js

Angular: facing difficulty displaying static html pages on server, although they render correctly when run locally