promise+async

在这里插入图片描述

async和await知识看起来像同步代码,实际上是异步代码

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
function pAjax(options={}){
    return new Promise(function (resolve,reject){
        $.ajax({
            url:options.url,
            data:options.data,
            async:options.async,
            dataType:options.dataType,
            type:options.type,
            success(res){
                resolve(res)
            },
            error(err){
                reject(err)
            }
        })
    })
}

async function a(){
  const one= await pAjax({url:"https://api-hmugo-web.itheima.net/api/public/v1/goods/search",dataType:"json"})
  console.log("第一次请求");
  console.log(one);

  const two= await pAjax({url:"https://api-hmugo-web.itheima.net/api/public/v1/goods/search",dataType:"json"})
  console.log("第二次请求");
  console.log(two);

  const three= await pAjax({url:"https://api-hmugo-web.itheima.net/api/public/v1/goods/search",dataType:"json"})
  console.log("第三次请求");
  console.log(three);
  
  const four= await pAjax({url:"https://api-hmugo-web.itheima.net/api/public/v1/goods/search",dataType:"json"})
  console.log("第四次请求");
  console.log(four);
}
a()

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Promiseasync/await 是 JavaScript 中处理异步操作的两种方法。 Promise 是一个表示异步操作的对象,它可以有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。通过 Promise,我们可以更好地处理异步操作的结果。 async/await 是基于 Promise 的语法糖,它使得异步代码看起来更像是同步代码。async 函数返回一个 Promise 对象,并使用 await 关键字来等待 Promise 对象的解决(即 Promise 进入 fulfilled 状态)。 下面是一个使用 Promise 的例子: ``` function fetchData() { return new Promise((resolve, reject) => { setTimeout(() => { const data = 'Data fetched successfully'; resolve(data); }, 2000); }); } fetchData() .then(data => { console.log(data); }) .catch(error => { console.error(error); }); ``` 下面是相同功能的使用 async/await 的例子: ``` function fetchData() { return new Promise((resolve, reject) => { setTimeout(() => { const data = 'Data fetched successfully'; resolve(data); }, 2000); }); } async function getData() { try { const data = await fetchData(); console.log(data); } catch (error) { console.error(error); } } getData(); ``` 在上面的例子中,fetchData 函数返回一个 Promise 对象。在第一个例子中,我们使用 then 和 catch 方法来处理 Promise 对象的结果和错误。而在第二个例子中,我们使用 async/await 来等待 fetchData 函数的解决,并使用 try/catch 来处理异常情况。 总的来说,Promiseasync/await 都是用于处理异步操作的方法,它们各有特点,可以根据具体需求选择使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

万事胜意sy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值