* Skip to main content 
  * Skip to search 
  * Skip to select language 

[ MDN Web Docs  ](/en-US/) Open main menu

  * References  [ References ](/en-US/docs/Web)
    * [ Overview / Web Technology  Web technology reference for developers  ](/en-US/docs/Web)
    * [ HTML  Structure of content on the web  ](/en-US/docs/Web/HTML)
    * [ CSS  Code used to describe document style  ](/en-US/docs/Web/CSS)
    * [ JavaScript  General-purpose scripting language  ](/en-US/docs/Web/JavaScript)
    * [ HTTP  Protocol for transmitting web resources  ](/en-US/docs/Web/HTTP)
    * [ Web APIs  Interfaces for building web applications  ](/en-US/docs/Web/API)
    * [ Web Extensions  Developing extensions for web browsers  ](/en-US/docs/Mozilla/Add-ons/WebExtensions)
    * [ Web Technology  Web technology reference for developers  ](/en-US/docs/Web)
  * Guides  [ Guides ](/en-US/docs/Learn)
    * [ Overview / MDN Learning Area  Learn web development  ](/en-US/docs/Learn)
    * [ MDN Learning Area  Learn web development  ](/en-US/docs/Learn)
    * [ HTML  Learn to structure web content with HTML  ](/en-US/docs/Learn/HTML)
    * [ CSS  Learn to style content using CSS  ](/en-US/docs/Learn/CSS)
    * [ JavaScript  Learn to run scripts in the browser  ](/en-US/docs/Learn/JavaScript)
    * [ Accessibility  Learn to make the web accessible to all  ](/en-US/docs/Web/Accessibility)
  * Plus  [ Plus ](/en-US/plus)
    * [ Overview  A customized MDN experience  ](/en-US/plus)
    * [ AI Help (beta)  Get real-time assistance and support  ](/en-US/plus/ai-help)
    * [ Updates  All browser compatibility updates at a glance  ](/en-US/plus/updates)
    * [ Documentation  Learn how to use MDN Plus  ](/en-US/plus/docs/features/overview)
    * [ FAQ  Frequently asked questions about MDN Plus  ](/en-US/plus/docs/faq)
  * [ Curriculum  New  ](/en-US/curriculum/)
  * [ Blog ](/en-US/blog/)
  * [ Play ](/en-US/play)
  * [ AI Help  Beta  ](/en-US/plus/ai-help)

Search MDN  Clear search input  Search

Theme

  * [ Log in ](/users/fxa/login/authenticate/?next=%2Fen-US%2Fdocs%2FWeb%2FAPI%2Ffetch)
  * [ Sign up for free  ](/users/fxa/login/authenticate/?next=%2Fen-US%2Fdocs%2FWeb%2FAPI%2Ffetch)

  1. [ References  ](/en-US/docs/Web)
  2. [ Web APIs  ](/en-US/docs/Web/API)
  3. [ fetch()  ](/en-US/docs/Web/API/fetch)

Article Actions

  * English (US) 

Filter sidebar  Clear filter input

##  In this article

  * Syntax 
  * Examples 
  * Specifications 
  * Browser compatibility 
  * See also 

  1. **[ Fetch API ](/en-US/docs/Web/API/Fetch_API) **
  2. **_[ ` Fetch ` ](/en-US/docs/Web/API/fetch) _ **
  3. Related pages for Fetch API 
    1. [ ` Headers ` ](/en-US/docs/Web/API/Headers)
    2. [ ` Request ` ](/en-US/docs/Web/API/Request)
    3. [ ` Response ` ](/en-US/docs/Web/API/Response)
    4. _[ ` fetch() ` ](/en-US/docs/Web/API/fetch) _

##  In this article

  * Syntax 
  * Examples 
  * Specifications 
  * Browser compatibility 
  * See also 

#  fetch() global function

**Note:** This feature is available in [ Web Workers ](/en-
US/docs/Web/API/Web_Workers_API) .

The global **` fetch() ` ** method starts the process of fetching a resource
from the network, returning a promise that is fulfilled once the response is
available.

The promise resolves to the [ ` Response ` ](/en-US/docs/Web/API/Response)
object representing the response to your request.

A ` fetch() ` promise only rejects when the request fails, for example,
because of a badly-formed request URL or a network error. A ` fetch() `
promise _does not_ reject if the server responds with HTTP status codes that
indicate errors ( ` 404 ` , ` 504 ` , etc.). Instead, a ` then() ` handler
must check the [ ` Response.ok ` ](/en-US/docs/Web/API/Response/ok) and/or [ `
Response.status ` ](/en-US/docs/Web/API/Response/status) properties.

The ` fetch() ` method is controlled by the ` connect-src ` directive of [
Content Security Policy ](/en-US/docs/Web/HTTP/Headers/Content-Security-
Policy) rather than the dir