美文网首页
fetch的使用

fetch的使用

作者: lzh_coder | 来源:发表于2017-11-10 10:41 被阅读16次

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

    相关文章

      网友评论

          本文标题:fetch的使用

          本文链接:https://www.haomeiwen.com/subject/buavmxtx.html