java fetch_Fetch使用

Fetch API 提供了一个获取资源的接口(包括跨域请求)。任何使用

过 XMLHttpRequest 的人都能轻松上手，但新的API提供了更强大和

灵活的功能集。

概念和用法

Fetch 提供了对 Request 和 Response (以及其他与网络请求有关的)对象的通用定义。使

之今后可以被使用到更多地应用场景中：无论是service workers、Cache API、又或者是其他

处理请求和响应的方式，甚至是任何一种需要你自己在程序中生成响应的方式。

注意事项：

1. fetch() 必须接受一个参数——资源的路径

2. 无论请求成功与否，它都返回一个 Promise 对象，resolve 对应请求的 Response。你也

可以传一个可选的第二个参数init。

3. 一旦 Response 被返回，就有一些方法可以使用了，比如定义内容或者处理方法(参见 Body)

参数

Promise fetch(input[, init]);

Input：

1. String类型，URL请求

2. Object类型，new Qeuest()

Init:

1. method: get、post...

2. headers: 要添加到请求的任何标头，包含在Headers对象或具有ByteString值的对象文字中。请注意，某些名称是被禁止的。

3. body: 要添加到请求中的正文,请注意，使用GET或HEAD方法的请求不能包含正文。

4. mode: 您希望用于请求的模式，例如，cors，no-cors或同源。

举例子

const myImage = document.querySelector('img');

let myRequest = new Request('flowers.jpg');

fetch(myRequest)

.then(function(response) {

if (!response.ok) {

throw new Error('HTTP error, status = ' + response.status);

}

return response.blob();

})

.then(function(response) {

let objectURL = URL.createObjectURL(response);

myImage.src = objectURL;

});

const myImage = document.querySelector('img');

let myHeaders = new Headers();

myHeaders.append('Content-Type', 'image/jpeg');

const myInit = { method: 'GET',

headers: myHeaders,

mode: 'cors',

cache: 'default' };

let myRequest = new Request('flowers.jpg');

fetch(myRequest,myInit).then(function(response) {

...

});

java fetch_Fetch使用相关推荐

springboot实现SSE服务端主动向客户端推送数据，java服务端向客户端推送数据，kotlin模拟客户端向服务端推送数据
SSE服务端推送服务器向浏览器推送信息,除了 WebSocket,还有一种方法:Server-Sent Events(以下简称 SSE).本文介绍它的用法. 在很多业务场景中,会涉及到服务端向客户端 ...
Java 获取当前时间之后的第一个周几，java获取当前日期的下一个周几
Java 获取当前时间之后的第一个周几,java获取当前日期的下一个周几 //获得入参的日期 Calendar cd = Calendar.getInstance(); cd.setTime(date ...
在k8s中使用gradle构建java web项目镜像Dockerfile
在k8s中使用gradle构建java web项目镜像Dockerfile FROM gradle:6-jdk8 AS build COPY --chown=gradle:gradle . /home ...
Java | kotlin 手动注入bean，解决lateinit property loginService has not been initialized异常
kotlin.UninitializedPropertyAccessException: lateinit property loginService has not been initialized ...
SpringBoot项目使用nacos，kotlin使用nacos，java项目使用nacos，gradle项目使用nacos，maven项目使用nacos
SpringBoot项目使用nacos kotlin demo见Gitte 一.引入依赖提示:这里推荐使用2.2.3版本,springboot与nacos的依赖需要版本相同,否则会报错. maven ...
OpenAPI使用（swagger3），Kotlin使用swagger3，Java使用swagger3，gradle、Maven使用swagger3
OpenAPI使用(swagger3) demo见Gitte 一.背景及名词解释 OpenAPI是规范的正式名称.规范的开发工作于2015年启动,当时SmartBear(负责Swagger工具开发的公 ...
Gradle错误提示:Java home supplied via ‘xxx.xxx.xxx‘ is invalid
Gradle错误提示:Java home supplied via 'org.gradle.java.home' is invalid 描述:在使用idea采用gradle进行依赖的管理功能,当想切换 ...
查看Hotspot源码，查看java各个版本源码的网站，如何查看jdk源码
java开发必知必会之看源码,而看源码的第一步则是找到源码
java基本类型转换，随记
java基本类型转换: double double 转 long double random = Math.round(Math.random()*10000); long l = new Doubl ...

java fetch_Fetch使用

java fetch_Fetch使用相关推荐

最新文章

热门文章