下载APP 随时随地学编程
返回 首页

Fetch API官方文档

开始阅读
手册说明:


什么是 Fetch API?

Fetch 提供了 Request 和 Response对象(以及与网络请求有关的其他内容)的一般定义。

Fetch API 提供了 fetch() 方法,它被定义在 BOM 的 window 对象中,你可以用它来发起对远程资源的请求。

fetch() 方法返回的是一个Promise对象,让你能够对请求的返回结果进行检索。

该《Fetch API 官方文档》原文地址:https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API,本次经过W3Cschool.cn进行翻译整理!

为什么使用 Fetch API?

十多年来,XMLHttpRequest 对象一直被 AJAX 操作所接受,但是我们知道,XMLHttpRequest 对象的 API 设计并不是很好,输入、输出、状态都在同一个接口管理,容易写出非常混乱的代码。那么Fetch API就应势而生,提供了一种新规范,用来取代善不完美的 XMLHttpRequest 对象。

Fetch API 主要有两个特点:一是接口合理化,AJAX 是将所有不同性质的接口都放在 XHR 对象上,而Fetch是将它们分散在几个不同的对象上,设计更合理;二是Fetch操作返回 Promise 对象,避免了嵌套的回调函数。

在 Fetch API 文档中能学到什么?

在这本《Fetch API 文档》中,我们会更加详细的为您介绍 Fetch API 的知识,在了解完 Fetch API 的基础知识之后,您可以开始学习 Fetch API 是如何使用的,我们将通过讲解 Fetch API 的几种接口来让您掌握该API的具体的使用方法,欢迎阅读!

与 Fetch API 相关的阅读

《AJAX 教程》

目录
开始学习Fetch API

Fetch API官方文档指南

Fetch API基本概念
使用Fetch

Fetch API接口

Fetch API:Body接口

Body接口属性

Body接口属性:body
Body接口属性:bodyUsed

Body接口方法

Body接口方法:arrayBuffer()
Body接口方法:blob()
Body接口方法:formData()
Body接口方法:json()
Body接口方法:text()

Body接口执行者

Body执行者:Request

Body接口:Request()构造函数

Body接口:Request属性

Request属性:cache
Request属性:context
Request属性:credentials
Request属性:headers
Request属性:integrity
Request属性:method
Request属性:mode
Request属性:redirect
Request属性:referrer
Request属性:referrerPolicy
Request属性:url

Body接口:Request方法

Request方法:arrayBuffer()
Request方法:blob()
Request方法:formData()
Request方法:clone()

Body执行者:Response

Body接口:Response()构造函数

Body接口:Response属性

Response属性:headers
Response属性:ok
Response属性:redirected
Response属性:status
Response属性:statusText
Response属性:type
Response属性:url

Body接口:Response方法

Response方法:clone()
Response方法:error()
Response方法:redirect()

Fetch API:Headers接口

Headers接口:Headers()构造函数

Headers接口的方法

Headers接口方法:append()
Headers接口方法:delete()
Headers接口方法:entries()
Headers接口方法:get()
Headers接口方法:has()
Headers接口方法:keys()
Headers接口方法:set()
Headers接口方法:values()

Fetch API方法

Fetch API方法:WindowOrWorkerGlobalScope属性

WindowOrWorkerGlobalScope接口属性:caches
WindowOrWorkerGlobalScope接口属性:indexedDB
WindowOrWorkerGlobalScope接口属性:isSecureContext
WindowOrWorkerGlobalScope接口属性:origin

WindowOrWorkerGlobalScope接口方法

WindowOrWorkerGlobalScope接口方法:atob()
WindowOrWorkerGlobalScope接口方法:btoa()
WindowOrWorkerGlobalScope接口方法:clearInterval()
WindowOrWorkerGlobalScope接口方法:clearTimeout()
WindowOrWorkerGlobalScope接口方法:createImageBitmap()
WindowOrWorkerGlobalScope接口方法:fetch()
WindowOrWorkerGlobalScope接口方法:setInterval()
WindowOrWorkerGlobalScope接口方法:setTimeout()

WindowOrWorkerGlobalScope执行者:window

window属性

window属性:applicationCache
window属性:closed
window属性:console
window属性:controllers
window属性:crypto
window属性:customElements
window属性:devicePixelRatio
window属性:dialogArguments属性
window属性:document
window属性:frameElement
window属性:frames
window属性:fullScreen
window属性:history
window属性:innerHeight
window属性:innerWidth
window属性:isSecureContext
window属性:length
window属性:localStorage
window属性:location
window属性:locationbar
window属性:menubar
window属性:messageManager
window属性:mozAnimationStartTime
window属性:mozInnerScreenX
window属性:mozInnerScreenY
window属性:mozPaintCount
window属性:name
window属性:navigator
window属性:onabort
window属性:onafterprint
window属性:onanimationcancel
window属性:onanimationend
window属性:onanimationiteration
window属性:onappinstalled
window属性:onauxclick
window属性:onbeforeinstallprompt
window属性:onbeforeprint
window属性:onbeforeunload
window属性:onblur
window属性:onchange
window属性:onclick
window属性:onclose
window属性:oncontextmenu
window属性:ondblclick
window属性:ondevicelight
window属性:ondevicemotion
window属性:ondeviceorientation
window属性:ondeviceorientationabsolute
window属性:ondeviceproximity
window属性:onerror
window属性:onfocus
window属性:ongamepadconnected
window属性:ongamepaddisconnected
window属性:ongotpointercapture
window属性:onhashchange
window属性:oninput
window属性:onkeydown
window属性:onkeypress
window属性:onkeyup
window属性:onlanguagechange
window属性:onload
window属性:onloadend
window属性:onloadstart
window属性:onlostpointercapture
window属性:onmessage
window属性:onmessageerror
window属性:onmousedown
window属性:onmousemove
window属性:onmouseout
window属性:onmouseover
window属性:onmouseup
window属性:onmozbeforepaint
window属性:onpaint
window属性:onpointercancel
window属性:onpointerdown
window属性:onpointerenter
window属性:onpointerleave
window属性:onpointermove
window属性:onpointerout
window属性:onpointerover
window属性:onpointerup
window属性:onpopstate
window属性:onrejectionhandled
window属性:onreset
window属性:onresize
window属性:onscroll
window属性:onselect
window属性:onselectionchange
window属性:onselectstart
window属性:onstorage
window属性:onsubmit
window属性:ontouchcancel
window属性:ontouchmove
window属性:ontouchstart
window属性:ontransitioncancel
window属性:ontransitionend
window属性:onunhandledrejection
window属性:onunload
window属性:onuserproximity
window属性:onvrdisplayactivate
window属性:onvrdisplayblur
window属性:onvrdisplayconnect
window属性:onvrdisplaydeactivate
window属性:onvrdisplaydisconnect
window属性:onvrdisplayfocus
window属性:onvrdisplaypresentchange
window属性:onwheel
window属性:opener
window属性:origin
window属性:outerHeight
window属性:outerWidth
window属性:pageYOffset
window属性:parent
window属性:performance
window属性:personalbar
window属性:screen
window属性:screenX
window属性:screenY
window属性:scrollbars
window属性:scrollMaxX
window属性:scrollMaxY
window属性:scrollX
window属性:scrollY
window属性:self
window属性:sessionStorage
window属性:sidebar
window属性:speechSynthesis
window属性:status
window属性:statusbar
window属性:toolbar
window属性:top
window属性:URL
window属性:visualViewport
window属性:window

window方法

window方法:alert()
window方法:atob()
window方法:back()
window方法:blur()
window方法:btoa()
window方法:cancelAnimationFrame()
window方法:cancelIdleCallback()
window方法:captureEvents()
window方法:clearImmediate()
window方法:clearInterval()
window方法:clearTimeout()
window方法:close()
window方法:confirm()
window方法:convertPointFromNodeToPage()
window方法:createImageBitmap()
window方法:dump()
window方法:event
window方法:find()
window方法:focus()
window方法:forward()
window方法:getAttention()
window方法:getComputedStyle()
window方法:getDefaultComputedStyle()
window方法:getSelection()
window方法:matchMedia()
window方法:minimize()
window方法:moveBy()
window方法:moveTo()
window方法:openDialog()
window方法:postMessage()
window方法:print()
window方法:prompt()
window方法:releaseEvents()
window方法:requestAnimationFrame()
window方法:requestFileSystem()
window方法:requestIdleCallback()
window方法:resizeBy()
window方法:resizeTo()
window方法:restore()
window方法:scroll()
window方法:scrollBy()
window方法:scrollByLines()
window方法:scrollByPages()
window方法:scrollTo()
window方法:setCursor()
window方法:setImmediate()
window方法:showModalDialog()
window方法:sizeToContent()
window方法:stop()
window方法:updateCommands()

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

WorkerGlobalScope属性

WorkerGlobalScope属性:console
WorkerGlobalScope属性:location
WorkerGlobalScope属性:navigator
WorkerGlobalScope属性:onerror
WorkerGlobalScope属性:onlanguagechange
WorkerGlobalScope属性:onoffline
WorkerGlobalScope属性:ononline
WorkerGlobalScope属性:performance
WorkerGlobalScope属性:self

WorkerGlobalScope方法

WorkerGlobalScope方法:close()
WorkerGlobalScope方法:dump()
WorkerGlobalScope方法:importScripts()

WorkerGlobalScope继承

WorkerGlobalScope继承:EventTarget

EventTarget构造函数

EventTarget方法

EventTarget方法:addEventListener()
EventTarget方法:dispatchEvent()

EventTarget事件

EventTarget事件:abort
EventTarget事件:beforeinput
EventTarget事件:blur
EventTarget事件:click
EventTarget事件:compositionstart
EventTarget事件:compositionupdate
EventTarget事件:dblclick
EventTarget事件:error
EventTarget事件:focus
EventTarget事件:focusin
EventTarget事件:focusout
EventTarget事件:input
EventTarget事件:keydown
EventTarget事件:keypress
EventTarget事件:keyup
EventTarget事件:load
EventTarget事件:mousedown
EventTarget事件:mouseenter
EventTarget事件:mouseleave
EventTarget事件:mousemove
EventTarget事件:mouseout
EventTarget事件:mouseover
EventTarget事件:mouseup
EventTarget事件:resize
EventTarget事件:scroll
EventTarget事件:select
EventTarget事件:unload

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }