jQuery中的promise实例

一、总结

一句话总结：

直接在ajax后调用then方法，jquery的ajax会返回promise对象



<script>
    $(function () {
      $('#btn').on('click', function () {
        $.ajax({
          url: './data.json',
          type: 'get',
          dataType: 'json'
        })
          .then(function (data) {
            console.log(data)
          })
      })
    });
  </script>


 

 

 

二、jQuery中的promise实例

博客对应课程的视频位置：

 



1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5   <meta charset="UTF-8">
 6   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8   <title>Document</title>
 9 </head>
10 
11 <body>
12 
13   <input type="button" value="获取数据" id="btn">
14 
15   <script src="./node_modules/jquery/dist/jquery.min.js"></script>
16 
17   <script>
18     $(function () {
19       $('#btn').on('click', function () {
20         $.ajax({
21           url: './data.json',
22           type: 'get',
23           dataType: 'json'
24         })
25           .then(function (data) {
26             console.log(data)
27           })
28       })
29     });
30   </script>
31 </body>
32 
33 </html>


 

 

 

 

 


 


​