javascript - How to read headers in bodyresponse promise - Stack Overflow

admin管理员组

文章数量:1430114

I'm calling API endpoint using fetch API. How can I read response body and headers in resolved body promise?

My code snippet below:

  fetch(url, {
      credentials: 'include',
      method: 'post',
      headers: {
        "Content-Type": "application/json; charset=utf-8",
      },
      body: JSON.stringify({
        email: email,
        password: password,
      }),
    })
    .then(response => response.json())
    .then(function(response) {
      // How to access response headers here?
    });

I'm calling API endpoint using fetch API. How can I read response body and headers in resolved body promise?

My code snippet below:

  fetch(url, {
      credentials: 'include',
      method: 'post',
      headers: {
        "Content-Type": "application/json; charset=utf-8",
      },
      body: JSON.stringify({
        email: email,
        password: password,
      }),
    })
    .then(response => response.json())
    .then(function(response) {
      // How to access response headers here?
    });

• javascript
• fetch-api
• response-headers

Share Improve this question Follow edited Aug 28, 2023 at 5:56 VLAZ 29.2k99 gold badges6363 silver badges8484 bronze badges asked May 22, 2016 at 10:26 LukasMacLukasMac 89811 gold badge88 silver badges2020 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

As described in the Fetch API documentation, you can get response headers with this snippet:

fetch(myRequest)
  .then((response) => {
     const contentType = response.headers.get('content-type');
     if (!contentType || !contentType.includes('application/json')) {
       throw new TypeError("Oops, we haven't got JSON!");
     }
     return response.json();
  })
  .then((data) => {
      /* process your data further */
  })
  .catch((error) => console.error(error));

For the body you will find here some examples.

本文标签： javascriptHow to read headers in bodyresponse promiseStack Overflow