fetch的使用

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的信息

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容