资讯专栏INFORMATION COLUMN

fetch学习

QLQ / 1595人阅读

摘要:的基本使用是全局量的一个方法第一个参数是必须可选出错了等价于的第二个参数但这样更好用更直观也使用了来处理结果回调对响应的简单处理出错了等价于的第二个参数但这样更直观链式处理将异步变为类似单线程的写法高级用法执行成功第步执行成功第步中途任何地

window.fetch fetch 的基本使用

fetch 是全局量 window 的一个方法, 第一个参数是URL:

//url (必须), options (可选)
fetch("/some/url", {
    method: "get"
}).then(function(response) {

}).catch(function(err) {
    // 出错了;等价于 then 的第二个参数,但这样更好用更直观 
});

fetch API 也使用了 JavaScript Promises 来处理结果/回调:

// 对响应的简单处理
fetch("/some/url").then(function(response) {

}).catch(function(err) {
    // 出错了;等价于 then 的第二个参数,但这样更直观
});

// 链式处理,将异步变为类似单线程的写法: 高级用法.
fetch("/some/url").then(function(response) {
    return //... 执行成功, 第1步...
}).then(function(returnedValue) {
    // ... 执行成功, 第2步...
}).catch(function(err) {
    // 中途任何地方出错...在此处理 :( 
});

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83146.html

相关文章

  • Fetch学习笔记。

    摘要:你也可以通过和的构造函数直接创建请求和响应,但是我们不建议这么做。以迭代器的形式返回对象中所有存在的名。使用的接口,你可以通过构造函数来创建一个你自己的对象。使用一个对象来读取流中的数据,并将状态改为已使用。 Fetch API提供了一个获取资源的接口(包括跨域)。任何使用过XMLHttpRequest的人都能轻松上手,但新的API提供了更强大和灵活的功能集。Fetch提供了对Requ...

    Allen 评论0 收藏0
  • 学习 Next.js: 获取数据

    摘要:原始文档在现在搬过来学习入门学习页面之间的导航学习使用共享组件学习创建动态内容学习使用路由掩码创建干净的学习干净的服务器支持学习获取数据学习部署为页面获取数据得益于路由的优点我们知道了如何创建一个具有简介的应用程序实际上我们通常需要从远程数 原始文档在 https://github.com/developerw... 现在搬过来. 学习 Next.js: 入门学习 Next.js: ...

    NotFound 评论0 收藏0
  • fetch,终于认识你

    摘要:说明一点,下面演示的请求或请求,都是采用百度中查询到的一些接口,可能传递的有些参数这个接口并不会解析,但不会影响这个接口的使用。 fetch和XMLHttpRequest 如果看网上的fetch教程,会首先对比XMLHttpRequest和fetch的优劣,然后引出一堆看了很快会忘记的内容(本人记性不好)。因此,我写一篇关于fetch的文章,为了自己看着方便,毕竟工作中用到的也就是一些...

    wzyplus 评论0 收藏0

发表评论

0条评论

QLQ

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<