Maison > interface Web > js tutoriel > Quelles sont les 3 requêtes cross-origin expliquées pour l'exécution asynchrone

Quelles sont les 3 requêtes cross-origin expliquées pour l'exécution asynchrone

一个新手
Libérer: 2017-09-26 09:33:53
original
1399 Les gens l'ont consulté

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

<!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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal