jq的ajax中promise的应用

本文转载自查看原文 2019-10-30 00:36 459 ES6语法/ ES6

1.jq3.2.1版本，支持promise写法

2.$ajax()返回的是一个promise对象

3.如果有多个ajax请求，可以使用es6中的promise.all方法

例子：

<script src="./jquery-3.2.1.js"></script>
<body>
    <script>
        var a = $.ajax({
            url: './data.txt',
            dataType: 'json',
        })

        var b = $.ajax({
            url:'./data2.txt',
            dataType:'json'
        })

        console.log(a);
        a.then(res=>{
            console.log(res);
        },err=>{
            console.log(err);
        })
        
        Promise.all(
            [a,b]
        ).then(res => {
             let [res1,res2] = res
             console.log(res1);
             console.log(res2);
        }, err => {
            alert('错了')
        })
    </script>
</body>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jq中使用promise封装ajax jq中的ajax传参 JQ中的Ajax的封装 jq中ajax的dataType:"json"是指什么？ ES6中Promise封装ajax的写法原生Ajax 和Jq Ajax jq ajax通用封装 jq ajax之beforesend(XHR) 关于jQ的Ajax操作 jq的ajax请求写法