qq资源网、专业提供qq头像,qq个性,qq新闻及日常信息,让我们qq生活更加精彩!

首 页文章资讯下载中心投稿方式

栏目分类:
  • QQ图标点亮
  • QQ技术大全
  • QQ使用技巧
  • 更多分类
  • 当前位置:QQ资源网文章资讯QQ技术QQ使用技巧

    fetch 函数的整理使用

    时间:2017-11-14 23:35:51 分类:QQ使用技巧 人气: 编辑:Admin_qqzy

    fetch 函数的整理使用

    API:

    fetch(url,{ // url: 请求地址
    method: "GET", // 请求的方法POST/GET等
    headers : { // 请求头(可以是Headers对象,也可是JSON对象)
    'Content-Type': 'application/json',
    'Accept': 'application/json'
    },
    body: , // 请求发送的数据 blob、BufferSource、FormData、URLSearchParams(get或head方法中不能包含body)
    cache : 'default', // 是否缓存这个请求
    credentials : 'same-origin', //要不要携带 cookie 默认不携带 omit、same-origin 或者 include
    mode : "",
    /*
    mode,给请求定义一个模式确保请求有效
    same-origin:只在请求同域中资源时成功,其他请求将被拒绝(同源策略)
    cors : 允许请求同域及返回CORS响应头的域中的资源,通常用作跨域请求来从第三方提供的API获取数据
    cors-with-forced-preflight:在发出实际请求前执行preflight检查
    no-cors : 目前不起作用(默认)

    */
    }).then(resp => {
    /*
    Response 实现了 Body, 可以使用 Body 的 属性和方法:

    resp.type // 包含Response的类型 (例如, basic, cors).

    resp.url // 包含Response的URL.

    resp.status // 状态码

    resp.ok // 表示 Response 的成功还是失败

    resp.headers // 包含此Response所关联的 Headers 对象 可以使用

    resp.clone() // 创建一个Response对象的克隆

    resp.arrayBuffer() // 返回一个被解析为 ArrayBuffer 格式的promise对象

    resp.blob() // 返回一个被解析为 Blob 格式的promise对象

    resp.formData() // 返回一个被解析为 FormData 格式的promise对象

    resp.json() // 返回一个被解析为 Json 格式的promise对象

    resp.text() // 返回一个被解析为 Text 格式的promise对象
    */
    if(resp.status === 200) return resp.json();
    // 注: 这里的 resp.json() 返回值不是 js对象,通过 then 后才会得到 js 对象
    throw New Error ('false of json');
    }).then(json => {
    console.log(json);
    }).catch(error => {
    consolr.log(error);
    })

    关键词:

    关于本站 | 网站帮助 | 广告合作 | 网站声明 | 网站地图 |

    Copyright 2013-2017 QQZYWANG.com 〖QQ资源网〗 版权所有 蜀ICP备14006635号-1 | 川公网安备 51013102000013号

    声明: 本站非腾讯QQ官方网站 所有软件和文章来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告