How to extract Response body as either plain text or XML in an AngularJS 2 HTTP GET call

Question

How to extract Response body as either plain text or XML in an AngularJS 2 HTTP GET call

I have a challenge with making a get request to the server that returns XML:

let responseText = "";
this.http.get('http://example.com', {headers : headers})
     .map((res:Response) => res.text()).subscribe(data => responseText = data);

However, the value of the variable responseText remains an empty string. How can I retrieve plain text to then convert it into XML, or is there a way to directly obtain the XML data?

xml angular typescript

Answer 1

Answer №1

Your solution seems to be on the right track. It looks like the issue might be related to accessing 'text' before the HTTP call has completed. Remember that HTTP calls are asynchronous, so you need to handle them accordingly. Give this updated code a try and you should see the desired result:

let text = "";
this.http.get('https://jsonplaceholder.typicode.com/posts')
.map((res:Response) => res.text())
.subscribe(
    data => {
        text = data;
        console.log(text);
     });

Answer 2

Your solution seems to be on the right track. It looks like the issue might be related to accessing 'text' before the HTTP call has completed. Remember that HTTP calls are asynchronous, so you need to handle them accordingly. Give this updated code a try and you should see the desired result:

let text = "";
this.http.get('https://jsonplaceholder.typicode.com/posts')
.map((res:Response) => res.text())
.subscribe(
    data => {
        text = data;
        console.log(text);
     });

Answer 3

Answer №2

Excellent strategy! Implement it in the following way:

this.fetchData('http://samplewebsite.com', {customHeaders : headers})
     .transform((result:Response) => { return result.content() }).subscribe(resultData =>  {output = resultData});

Answer 4

Excellent strategy! Implement it in the following way:

this.fetchData('http://samplewebsite.com', {customHeaders : headers})
     .transform((result:Response) => { return result.content() }).subscribe(resultData =>  {output = resultData});

How to extract Response body as either plain text or XML in an AngularJS 2 HTTP GET call

Answer №1

Answer №2

Similar questions

Incorporate Moment library for date selection in AngularDateRangePicker

Unit testing component in Ionic 2 with Ionic's specific markup and elements

How can I make a button change color dynamically in Angular when using Ionic?

Issue with angular oidc-client library's automaticSilentRenew functionality

The jspdf tool tries to cram my extensive data into a single page, resulting in an overcrowded and barely visible PDF document

What is the method for choosing an element by class name in TypeScript?

`How to utilize the spread operator in Angular 4 to push an object to a specific length`

Intellij2016 is issuing warnings for the sass use of the :host selector in Angular2 code

Retrieve a specific attribute from a collection of JSON objects and transfer it to a separate object

Sort the elements within the *ngFor loop according to the category upon clicking the button in Angular

How can I incorporate MS Teams call recording into my web platform?

Guide to automatically closing the calendar once a date has been chosen using owl-date-time

Can a dynamic HTML page be created using Angular's ngClass directive and Bootstrap classes to ensure responsiveness?

Is there a way to retrieve the XML data transmitted via WCF Service when using `Add Service Reference`?

Guide to accessing and modifying attributes of Ionic components in TypeScript file

Having difficulty pushing code from the Vs Code interface to gitlab. Receiving error message "Git: [email protected]: Permission denied (publickey, keyboard-interactive)"

Using an aria-label attribute on an <option> tag within a dropdown menu may result in a DAP violation

Closing a popover in NG-bootstrap from its container

Dexie is alerting us to a problem with a call that occurs before initialization

Why is it that my service in the Angular project doesn't fetch data after I make changes and reload the page?