iT邦幫忙

2021 iThome 鐵人賽

DAY 24
1
Modern Web

JavaScript 從 50% 開始,打造函式庫不是問題!系列 第 24

JS 24 - 請求支援前,要先發送請求!

  • 分享至 

  • xImage
  •  

大家好!

發送請求時,各位有沒有多寫好幾行程式碼的經驗呢?
今天就是要簡化如此複雜的動作。
我們進入今天的主題吧!


程式碼

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,我們明天再見!


上一篇
JS 23 - 非同步執行,也是要依序排隊!
下一篇
JS 25 - 舉一反三,擴充專屬於自己的函式庫!
系列文
JavaScript 從 50% 開始,打造函式庫不是問題!46
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言