Maison > Article > interface Web > 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
- 一个新手original
- 2017-09-26 09:33:531249parcourir
<!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>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!
Déclaration：
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