美文网首页
(十)Promise和fetch

(十)Promise和fetch

作者: 我拥抱着我的未来 | 来源:发表于2018-06-13 12:07 被阅读0次

Promise 就是为了防止回调地狱

/*promise回调地狱*/
let promise = new Promise(function(resolve, reject) {
    //resolue 就是没有问题直接输出 对应的就是then
    //reject 就是有问题  对应的就是catch
    //resolve();
    reject();
});
promise.then(() => { console.log("成功") })
    .then(() => { console.log("成功2") })
    .catch(() => { console.log("出现了重大问题") })
console.log(promise);

Fetch

Fetch 就是ES6提供的一个异步接口,这样省的自己封装了

let url = "http://jsonplaceholder.typicode.com/posts ";
fetch(url)
    .then(response => response.json()) /*解析数据流*/
    .then(data => console.log(data))
    .catch(err => console.log("error" + err));

相关文章

  • (十)Promise和fetch

    Promise 就是为了防止回调地狱 Fetch Fetch 就是ES6提供的一个异步接口,这样省的自己封装了

  • Fetch

    较系统整理了下Fetch和Ajax: Fetch和Ajax的区别: FetchAjaxfetch基于Promise...

  • 问题小记

    1、fetch和xhr的区别 XMLHttpRequest(XHR)fetch是基于Promise设计的。 2、一...

  • RN-Fetch

    Fetch fetch(url, options) Return a 'Promise' url : eg 'ht...

  • fetch 和 ajax 和 axios

    fetch: 基于promise,Promise,generator/yield,await/async 都是现在...

  • react数据请求

    fetch API fetch是基于Promise设计,所以不支持Promise的浏览器建议使用cross_fet...

  • fetch API 的基本使用

    fetch Fetch API是新的ajax解决方案 Fetch会返回Promise fetch不是ajax的进一...

  • Fetch数据请求的使用

    fetch是基于Promise, 所以旧浏览器不支持 Promise, Fetch 优点主要有: 语法简洁,更加语...

  • react 数据交互

    原生 - fetch :返回promise对象 语法:fetch(url+数据,{配置}).then(成功函数(...

  • 小程序封装网络请求

    对小程序原生的请求代码进行封装 Promise封装fetch模块 utils/fetch.js 调用fetch模块

网友评论

      本文标题:(十)Promise和fetch

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