Obtaining [Symbol(Response internals)] through a JSON response

Question

Obtaining [Symbol(Response internals)] through a JSON response

I am currently utilizing the library isomorphic-unfetch to retrieve JSON data from a Rest API. Here is my approach for making the request:

    const res = await fetch(
      `url`
    );

To extract the body, I simply do:

    const response = await res.json()

However, I am unsure about how to access the response headers. When I log the response to my server's console, this is the information displayed:

Response {
  size: 0,
  timeout: 0,
  [Symbol(Body internals)]: {
    // stuff
  },
  [Symbol(Response internals)]: {
    url: 'request url',
    status: 200,
    statusText: 'OK',
    headers: Headers { [Symbol(map)]: [Object: null prototype] },
    counter: 0
  }
}

I am curious about the Symbol(Response internals) and how I can access its headers property. Can anyone assist me with this?

javascript json header fetch-api

Answer 1

Answer №1

If you need to access the headers of a response, you can do so in the following ways:

const response = await fetch(url);
console.log(response.headers.get('content-type');
// or
response.headers.forEach(header => console.log(header));

Answer 2

If you need to access the headers of a response, you can do so in the following ways:

const response = await fetch(url);
console.log(response.headers.get('content-type');
// or
response.headers.forEach(header => console.log(header));

Answer 3

Answer №2

In situations like this, the response object provides access to various properties. For example, to access the url property, you can simply use response.url.

fetch({someURL}, {
 method: "POST"
}).then((response) => response).then((result) => {return result.url});

Answer 4

In situations like this, the response object provides access to various properties. For example, to access the url property, you can simply use response.url.

fetch({someURL}, {
 method: "POST"
}).then((response) => response).then((result) => {return result.url});

Obtaining [Symbol(Response internals)] through a JSON response

Answer №1

Answer №2

Similar questions

Prisma Hack: excluding properties in type generation

What advantages can be gained from having multiple package.json files within a single application?

Using the typeof operator to test a Typescript array being passed as an object

Enhance your SVG path by allowing users to drag points on Quadratic or Cubic Bezier curves

Getting the URL path within getStaticPaths in Next.js

Retrieve information from the pouchdb database

Attaching identical class and event handlers to numerous dynamically created elements

Retrieving information from a JSON output to use in an insert statement in Python

Combining the redux toolkit function createAsyncThunk with Angular's HttpClient by leveraging the ApiService

What is the threading model utilized by node.js?

Ways to retrieve data object within an HTMLElement without relying on jQuery

Having difficulty transitioning Express Controller logic to a Service Class

Creating a reusable field for reactive forms in Angular: A step-by-step guide

The $scope variable does not sync with the express API

Attempting to iterate through a Query each loop for the Raphael object

Issue with JavaScript: Flag set to false does not halt the simple animation

What are the steps to implementing React in this particular situation?

The mousedown event handler in Three.js disrupts the focus on the input field

Displaying a loading spinner image as PHP script runs

Getting a list of values from a JsonArray using C# is a breeze with these simple steps