时间:2021-07-01 10:21:17 帮助过:27人阅读
<!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>
以上就是什么是3个跨域请求解释异步执行的详细内容,更多请关注Gxl网其它相关文章!