promise常用方法

promise常用方法

Promise.all 并发执行

Promise.race 谁先加载完成就用谁的

Promise.resolve

<!-- 
        promise常用方法

            Promise.all([promise1,promise2]).then(results=>{

            })

            Promise.race([promise1,promise2]).then(result=>{

            })

            let promise = Promise.resolve('成功内容')
            promise.then(result=>{

            })

     -->

    <button class="p-all">按钮1</button>
    <button class="btn2">按钮2</button>
    <script src="./js/ajaxutil.js"></script>

    
        const btnAll = document.querySelector('.p-all')
        const btn2All = document.querySelector('.btn2')
        btnAll.addEventListener('click', function () {

            //用户列表接口
            let p1 = myAjaxPromise({
                method: 'get',
                url: 'http://10.7.162.74:8088/api/list'
            })
            //用户分页列表接口
            let p2 = myAjaxPromise({
                method: 'get',
                url: 'http://10.7.162.74:8088/api/list_page',
                data: {
                    pageNo: 1
                }
            })

            // Promise.all([p1,p2]).then(results=>{
            //     console.log('===>  ',results);
            // })

            Promise.race([p1, p2]).then(result => {
                console.log('===>  ', result);  
            })

        })

        
        btn2All.addEventListener('click', function () {
            let p1 =  Promise.resolve('这是成功的内容')
            let p2 =  Promise.reject('这是失败的内容')

            p1.then(result=>{
                alert(result)
            })
            p2.catch(err=>{
                alert(err)
            })

        })