Heim > Web-Frontend > js-Tutorial > Hauptteil

Was sind 3 Cross-Origin-Anfragen, die für die asynchrone Ausführung erklärt werden?

一个新手
Freigeben: 2017-09-26 09:33:53
Original
1313 Leute haben es durchsucht

<!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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWas sind 3 Cross-Origin-Anfragen, die für die asynchrone Ausführung erklärt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage