大家好!
發送請求時,各位有沒有多寫好幾行程式碼的經驗呢?
今天就是要簡化如此複雜的動作。
我們進入今天的主題吧!
Felix.xhr = function (method, url, callbacks) {
const xhr = new XMLHttpRequest();
Object.keys(callbacks).forEach(function (type) {
xhr.addEventListener(type, callbacks[type].bind(xhr));
});
xhr.open(method, url);
xhr.send();
};
Felix.xhr('GET', 'https://jsonplaceholder.typicode.com/todos/1', {
load: function () {
console.log(this.responseText);
}
});
// Log: { "userId": 1, ..., "completed": false }
差不多也到尾聲了,接下來我們要介紹的是函式庫的靜態方法。
如果對文章有任何疑問,也歡迎在下方提問和建議!
我是 Felix,我們明天再見!