Heim > Artikel > Web-Frontend > Was sind 3 Cross-Origin-Anfragen, die für die asynchrone Ausführung erklärt werden?
<!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>
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!