promise请求数据用法

最新推荐文章于 2024-05-04 21:56:09 发布

weixin_30784141

最新推荐文章于 2024-05-04 21:56:09 发布

阅读量359

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tianranhui/p/9333582.html

本文介绍Promise作为异步编程的一种解决方案，对比传统回调函数和事件，它更为合理和强大。通过示例展示了如何使用Promise.all同时处理多个异步操作，并简化了代码结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

promise请求数据用法

Promise简介

Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。ES6将其写进了语言标准，统一了语法，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息，代码十分简洁易读没有复杂的花括号嵌套，把异步代码写成同步的感觉。

代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="jquery.js" charset="utf-8"></script>
    <script>
    Promise.all([
      $.ajax({url: 'data/1.txt', dataType: 'json'}),
      $.ajax({url: 'data/2.txt', dataType: 'json'}),
      $.ajax({url: 'data/3.txt', dataType: 'json'})
    ]).then(arr=>{
      let [data1, data2, data3]=arr;  //结构赋值
      console.log(data1, data2, data3);
    }, ()=>{
      alert('失败了');
    });
    </script>
  </head>
  <body>

  </body>
</html>