JavaScript/Window/fetch

Mit der window.fetch-Methode und der neuen Fetch API erhalten Sie eine bequemere Alternative zu XMLHttpRequest, mit der Sie Daten aus anderen Dateien / vom Server holen (engl.: fetch) könnnen.

Details: caniuse.com

Interfaces

GlobalFetch

• GlobalFetch.fetch()

Headers

Constructor

• Headers()

Methods

• Headers.append()
• Headers.delete()
• Headers.get()
• Headers.getAll()
• Headers.has()
• Headers.set()

Request

Anforderung von Daten

Constructor

• Request()

Eigenschaften

• Body.bodyUsed
• Request.cache
• Request.context
• Request.credentials
• Request.headers
• Request.method
• Request.mode
• Request.referrer
• Request.url

Methoden

• Body.arrayBuffer()
• Body.blob()
• Request.clone()
• Body.formData()
• Body.json()
• Body.text()

Response

Antworten

Constructor

• Response()

Eigenschaften

• Body.bodyUsed
• Response.headers
• Response.ok
• Response.status
• Response.statusText
• Response.type
• Response.url
• Response.useFinalURL

Methoden

• Body.arrayBuffer()
• Body.blob()
• Response.clone()
• Response.error()
• Body.formData()
• Body.json()
• Response.redirect()
• Body.text()

Weblinks

• google.developers: Introduction to fetch()
• MDN: Fetch API
• Jake Archibald: That's so fetch!

Polyfill

• github: fetch