fetch是js提供进行网络请求的框架。
调用结构是这样的。
fetch( url , options ).then( ) { }.catch( ) { }
1, url
可以是一个字符串,也可以是一个Request对象。
2,options
用于配置一个网络请求的类型,参数等。具体包含以下内容:
method: 请求使用的方法,如 GET、POST
headers: 请求的头信息,形式为 Headers 对象或 ByteString
body: 请求的 body 信息,可能是一个 Blob、BufferSource、FormData、URLSearchParams 或者 USVString 对象。注意 GET 或 HEAD 方法的请求不能包含 body 信息。
3,response
一个 Promise,resolve 时回传 Response 对象:
Response的属性:
status (number) - HTTP请求结果参数,在100–599 范围
statusText (String) - 服务器返回的状态报告
ok (boolean) - 如果返回200表示请求成功则为true
headers (Headers) - 返回头部信息
url (String) - 请求的地址
Response方法:
json() - 生成JSON.parse(responseText)的结果
response.headers, Headers对象的方法
has(name) (boolean) - 判断是否存在该信息头
get(name) (String) - 获取信息头的数据
getAll(name) (Array) - 获取所有头部数据
set(name, value) - 设置信息头的参数
append(name, value) - 添加header的内容
delete(name) - 删除header的信息
forEach(function(value, name){ ... }, [thisContext]) - 循环读取header的信息
网友评论