XMLHttpRequest网络请求

// 同步执行
const xhr = new XMLHttpRequest()
xhr.open('POST', 'https://app.dev.9kbs.com/api/content/adslist', false)
xhr.send()
console.log(xhr.responseText)
console.log('请求完成')

// 异步执行
const xhr = new XMLHttpRequest()
xhr.open('POST', 'https://app.dev.9kbs.com/api/content/adslist', true)
// 异步回调
xhr.onreadystatechange = () => {
    /**
     * readyState 1-4
     0 (未初始化)： (XMLHttpRequest)对象已经创建，但还没有调用open()方法。
     1 (载入)：已经调用open() 方法，但尚未发送请求。
     2 (载入完成)： 请求已经发送完成。
     3 (交互)：可以接收到部分响应数据。
     4 (完成)：已经接收到了全部数据，并且连接已经关闭。
     */
    if (xhr.readyState === 4) {
        console.log(xhr.responseText)
    }
}
xhr.send()
console.log('请求完成')

// 同步执行
const xhr = new XMLHttpRequest()
xhr.open('GET', 'https://app.dev.9kbs.com/api/content/adslist', false)
xhr.send()
console.log(xhr.responseText)
console.log('请求完成')

// 异步执行
const xhr = new XMLHttpRequest()
xhr.open('GET', 'https://app.dev.9kbs.com/api/content/adslist', true)

// 异步回调
xhr.onreadystatechange = () => {
    /**
     * readyState 1-4
     0 (未初始化)： (XMLHttpRequest)对象已经创建，但还没有调用open()方法。
     1 (载入)：已经调用open() 方法，但尚未发送请求。
     2 (载入完成)： 请求已经发送完成。
     3 (交互)：可以接收到部分响应数据。
     4 (完成)：已经接收到了全部数据，并且连接已经关闭。
     */
    if (xhr.readyState === 4) {
        console.log(xhr.responseText)
    }
}
xhr.send()
console.log('请求完成')