使用Promise异步发送多个fetch
来源:互联网 发布:php 打开mysql长连接 编辑:程序博客网 时间:2024/05/01 01:07
ES6 原生提供了 Promise 对象。
所谓 Promise,就是一个对象,用来传递异步操作的消息。它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的 API,可供进一步处理。
Promise 对象有以下两个特点。
(1)对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来,它的英语意思就是「承诺」,表示其他手段无法改变。
(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只有两种可能:从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果。就算改变已经发生了,你再对 Promise 对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
有了 Promise 对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。
代码:
var urls = ["html1.html", "html2.html"];Promise.all(urls.map(url => fetch(url).then(resp => resp.text()))).then(texts => { console.log(texts);});
阅读全文
0 0
- 使用Promise异步发送多个fetch
- Angular使用Promise解决多个异步回调问题
- fetch+promise
- 前端使用fetch报promise未定义
- React-Native Fetch使用Promise封装(一)
- 使用Fetch实现异步通信
- React Native 网络请求封装:使用Promise封装fetch请求
- React Native 网络请求封装:使用Promise封装fetch请求
- React Native 网络请求封装:使用Promise封装fetch请求
- React Native 网络请求封装:使用Promise封装fetch请求
- Fetch 与 Promise
- Promise,Ajax,fetch
- 异步:Promise
- node中使用promise解决异步问题
- javascript angularjs 使用promise 异步获取数据
- Promise解决某个条件需要多个异步结果的问题
- ajax开发:Promise解决多个异步Ajax请求导致的代码嵌套问题
- Promise with fetch and post
- 服务器端编程心得(六)—— 关于网络编程的一些实用技巧和细节
- (POJ
- 转:线程池的原理及实现
- 原子性 一致性 隔离性 持久性
- VUE注册全局组件
- 使用Promise异步发送多个fetch
- SpringBoot + Mybatis实现SpringMVC Web项目
- 解决mysql java.sql.SQLException: The server time zone value‘XXXXXX' is unrecognized or represents...
- AndroidManifest属性修改
- Java StringBuffer 和 StringBuilder 类
- windows作业 在屏幕画一个10*10的线
- 【java面试系列之数据库篇】数据库存储引擎、索引、事务、视图、优化
- git常用命令
- 深度学习——keras训练RNN模型