Encountering Parsing Error While Using Angular 4 Http Get

Question

Encountering Parsing Error While Using Angular 4 Http Get

When I make a request to mydomain/request, it should return a JSON string such as "accepted" or "declined".

In my Angular application, I have a function to get this string:

  getStatus(jobOfferId): Promise<string> {
    const url = "someurl";

    return this.httpClientService.get(url)
      .toPromise()
      .then(response => response as string);
  }

This code was working fine in Angular 2, but after upgrading to Angular 4, the same request now throws an error.

The error message is:

"Http failure during parsing for https://mydomain/request"

javascript json angular http typescript

Answer 1

Answer №1

By default, JSON is the expected response type. However, you can experiment with changing it to "text" and then print out the result to gain a better understanding of what is going on:

httpClient.get('http://example.com/endpoint/', { responseType: 'text' }).subscribe(result => {
    console.log(result);
});

Answer 2

By default, JSON is the expected response type. However, you can experiment with changing it to "text" and then print out the result to gain a better understanding of what is going on:

httpClient.get('http://example.com/endpoint/', { responseType: 'text' }).subscribe(result => {
    console.log(result);
});

Encountering Parsing Error While Using Angular 4 Http Get

Answer №1

Similar questions

Is Javascript capable of providing automatic authentication?

How exactly did Google Fiber design their onboarding guide?

Working with Node.js to store data in MongoDB

Tips for Dynamically Binding Data in Angular ChartsWant to learn how to dynamically bind

Is there a way to determine if a chosen date and time are prior or subsequent to the current date and time in an AngularJS environment?

Show dropdown menu on bootstrap responsive table

Error: The function of splitting 'a' is not available within the context of 'r' (angular.js:263

Executing numerous queries simultaneously within a hook in FeathersJS

We will explore the process of accessing a CSS file within an Angular

Capturing all requests - javascript

Issue with Laravel 5.6 and Vue.js: Bootstrap 3.3.7 dropdown malfunctioning

What is the JavaScript method for updating the image source by modifying the identifier's URL?

Unable to locate the source of ERR_HTTP_HEADERS_SENT error

Enable lodash access throughout a React Native application

Exploring Cypress Component Testing within a NextJS project

Adjust the tally of search results and modify the selection depending on the frequency of the user's searches within an array of objects

Avoid triggering the onClick event on multiple submit buttons when the form data is deemed invalid by vee-validate

Utilizing Array Elements to Populate the Title Attribute in <TD> Tags

When the click event is triggered, the second function guess() does not execute

Oops! Looks like an issue has popped up: using require() of an ES module is not supported when using recharts in combination with next.js