3个跨域请求解释异步执行

最新推荐文章于 2022-07-20 10:16:23 发布

一个造轮者

最新推荐文章于 2022-07-20 10:16:23 发布

阅读量304

点赞数

分类专栏： js h5 css3 css html vue jq

本文链接：https://blog.csdn.net/qq_35254907/article/details/78091092

版权

vue 同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

css

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8" />
  <title>Document</title>
 </head>
 <body>
  <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <script type="text/javascript">
         console.dir(Promise);

         // 输出构造函数 何为构造函数  白话解释 就是带有属性的函数就是构造函数  首字母大写(规范)
         //

            // 以下为3个异步  同时执行  所以下面的data1都是undefined;

                let data1;
                 $.ajax({
                    type:"post",
                    url:"http://jspang.com/DemoApi/typeGoods.php",
                    dataType:"json", //返回格式
                    success: function (data) {
                     console.log(data[0][0].price); // 18
                     data1=data[0][0].price;
                    },
                    error: function () {
                        console.log("亲，出错了");
                    }
                });






                 $.ajax({
                    type:"get",
                    url:"https://gsp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=callback&wd="+data1+"&sc=hao123&_=1506355261424",
                    dataType:"jsonp", //返回格式
                      jsonp: "cd",
                     jsonpCallback:"callback",
                    success: function (data) {
                         console.log(data);  // Object {q: "18", p: false, s: Array[10]}

                    },
                    error: function () {
                        console.log("亲，出错了1");
                    }
                });




                 $.ajax({
                    type:"get",
                    url:"https://gsp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=callback1&wd="+data1+"&sc=hao123&_=1506355261424",
                    dataType:"jsonp", //返回格式
                      jsonp: "cd",
                     jsonpCallback:"callback1",
                    success: function (data) {
                         console.log(data); //Object {q: "false", p: false, s: Array[10]}
                         // 到此结束   没有需求 就不用resolve了
                        // resolve(data[0][0].price);
                    },
                    error: function () {
                        console.log("亲，出错了0");
                    }
                });









    </script>
 </body>
</html>

一个造轮者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3个跨域请求解释异步执行

Document console.dir(Promise); // 输出构造函数何为构造函数白话解释就是带有属性的函数就是构造函数首字母大写(规范) // // 以下为3个异步同时执行所以下面的data1都是undefined; let dat
复制链接

扫一扫