zoukankan      html  css  js  c++  java
  • 使用ES6的Promise完美解决回调地狱

    //创建一个Promise实例,获取数据。并把数据传递给处理函数resolve和reject。需要注意的是Promise在声明的时候就执行了。
    var getUserList=new Promise(function(resolve,reject){
         $.ajax({
         type:"get",
         url:"http://vueshop.glbuys.com/api/home/index/slide?token=1ec949a15fb709370f",//第一次请求
         success:function(data){
             resolve(data);
         },
         error:function(error){
             reject(error)
         }
         });
        })
        
            var getUserInfo=function(user){
                return new Promise(function(resolve,reject){
                    console.log(user) //得到了上一个请求的用户id,下面根据用户id进行详情请求
                 $.ajax({
                 type:"get",
                 url:"http://vueshop.glbuys.com/api/home/index/slide?token=1ec949a15fb709370f?id="+user,//第二次请求想要的数据;
                 success:function(data){
                     resolve(data);
                 },
                 error:function(error){
                     reject(error)
                 }
                 });
                })
            }
            getUserList.then(function(data){
                var userid = JSON.parse(data).data[2].webs  //调试的id存贮
                return getUserInfo(userid)
            }).then((datas)=>{
                console.log(datas)
            })
  • 相关阅读:
    jq传统火车轮播图
    原生js选项卡
    【括号问题】$("li:lt(" + (idx + 1) + ")") 手风琴效果注意事项
    调出js控制台可以在浏览器地址栏输入about:blank
    js最常用正则表达式集合
    内部函数优先级大于形式参数
    Day02_设计器的使用之样式表篇 (中)
    Day02_设计器的使用之控件篇
    Day1、QT基础知识之C++基础(下)
    Day1、QT基础知识之C++基础(上)
  • 原文地址:https://www.cnblogs.com/huaifeidejiushu/p/9035189.html
Copyright © 2011-2022 走看看