>[success] # 代碼 1. **下面代碼將xhr 掛載到promise 上為了可以使用xhr 一些方法** ~~~ function myAjax({ url, method = "get", data = {}, timeout = 10000, headers = {}, // token } = {}) { // 1.創建對象 const xhr = new XMLHttpRequest() // 2.創建Promise const promise = new Promise((resolve, reject) => { // 2.監聽數據 xhr.onload = function() { if (xhr.status >= 200 && xhr.status < 300) { resolve(xhr.response) } else { reject({ status: xhr.status, message: xhr.statusText }) } } // 3.設置類型 xhr.responseType = "json" xhr.timeout = timeout // 4.open方法 if (method.toUpperCase() === "GET") { const queryStrings = [] for (const key in data) { queryStrings.push(`${key}=${data[key]}`) } url = url + "?" + queryStrings.join("&") xhr.open(method, url) xhr.send() } else { xhr.open(method, url) xhr.setRequestHeader("Content-type", "application/json") xhr.send(JSON.stringify(data)) } }) promise.xhr = xhr return promise } ~~~ * 使用 ~~~ const promise = myAjax({ url: "", data: { username: "", password: "" } }) promise.then(res => { console.log("res:", res) }).catch(err => { console.log("err:", err) }) promise.xhr.abort() // 取消請求 ~~~