ES6基础(五)async和await

最新推荐文章于 2025-12-11 10:17:25 发布

原创最新推荐文章于 2025-12-11 10:17:25 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #javascript #前端

文章展示了一个如何在JavaScript中结合使用AJAX请求和async/await语法的例子。通过发送GET请求到指定URL，然后利用Promise处理响应，成功时解析并打印响应数据，失败时处理错误状态码。

一个AJAX请求搭配await使用的例子：

        function sendAJAX(url) {
            return new Promise((resolve, reject) => {
                const http_ = new XMLHttpRequest()
                http_.open("get", url)
                http_.send()
                http_.onreadystatechange = function () {
                    if (http_.readyState == 4) {
                        if (http_.status >= 200 && http_.status < 300) {
                            let res = http_.response
                            resolve(res)
                        } else {
                            reject(http_.status)
                        }

                    }
                }
            })

        }
        sendAJAX("https://pro.jd.com/mall/active/").then(value => {
            console.log(value)
        })

        async function async_sendAAJX_() {
            try {
                let data = await sendAJAX("https://pro.jd.com/mall/active/")

                console.log(data)

            } catch (error) {

            }
        }
        async_sendAAJX_()