The values obtained from an HTTP GET request can vary between using Curl and Ionic2/Angular2

Question

The values obtained from an HTTP GET request can vary between using Curl and Ionic2/Angular2

When I make a GET request using curl in the following manner:

curl https://api.backand.com:443/1/objects/todos?AnonymousToken=my-token

I receive the correct data as shown below:

{"totalRows":2,"data":[{"__metadata":{"id":"1","fields":{"id":{"type":"int","unique":true},"content":{"type":"string"}},"descriptives":{},"dates":{}},"id":1,"content":"the first todo!"},{"__metphilipphpphilipphilip"}]}

However, when I attempt the same request in Angular 2 like so:

this.http.get('https://api.backand.com:443/1/objects/todos?AnonymousToken=my-token').map(res => {
  return res.json();
});

I am receiving an unexpected object called observable that appears strange like this:

https://i.sstatic.net/08Pce.png

What could be causing the issue with the Angular request?

angular typescript ionic2 rxjs ionic3

Answer 1

Answer №1

Although I have limited knowledge about Curl, when it comes to HTTP calls in Angular 2, they return observables. This means you must utilize RxJS methods to work with the data. To retrieve the response, you will need to subscribe to it so that you can observe the values that are being returned.

 this.http.get('https://api.backand.com:443/1/objects/todos?AnonymousToken=my-token')
    .map(res => res.json())
    .subscribe(
      data => this.myData = data,
      err => this.logError(err),
      () => console.log('Request Complete')
    );

Answer 2

Although I have limited knowledge about Curl, when it comes to HTTP calls in Angular 2, they return observables. This means you must utilize RxJS methods to work with the data. To retrieve the response, you will need to subscribe to it so that you can observe the values that are being returned.

 this.http.get('https://api.backand.com:443/1/objects/todos?AnonymousToken=my-token')
    .map(res => res.json())
    .subscribe(
      data => this.myData = data,
      err => this.logError(err),
      () => console.log('Request Complete')
    );

The values obtained from an HTTP GET request can vary between using Curl and Ionic2/Angular2

Answer №1

Similar questions

Error message in my Angular project: Invalid Target Error

bind a class property dynamically in real-time

What is the best way to locate the Sass file corresponding to a specific HTML page in Ionic?

Leverage the retrieved configuration within the forRoot function

Steps for automatically closing a TextPrompt if the end user does not respond within a specific time frame

Unit test does not show the PrimeNG menubar start directive

There seems to be a syntax error in the regular expression used in Angular TypeScript

Utilizing Higher Order Components with TypeScript in React Applications

Using the $state feature in TypeScript with Svelte 5 for defining class fields

What are the solutions for handling undefined data within the scope of Typescript?

What is the reason behind TypeScript requiring me to initialize a property even though I am retrieving its value from a local reference?

Encountering a MODULE_NOT_FOUND error while trying to execute "npm run build"

Configuration options for Path Aliases in TypeScript

Storing a child in an existing object with Firebase and Angular 6

Tips on creating type definitions for CSS modules in Parcel?

Error in TypeScript React component due to prop-types ESLint in React

What is the best way to access an HtmlElement from an Angular component when outside of the

Creating a channel for communication between sibling components in Angular 4 by storing component references in a shared service

The data type 'number' cannot be assigned to type '(...items: any[]) => number'

Encountering problems with TypeScript in a Node application when using the package manager