在開發中,我們經常需要請求后臺API獲取數據,其中一種常見的數據格式是JSON。
JSON全稱為JavaScript Object Notation,是一種輕量級的數據交換格式。它以易于閱讀和編寫的文本形式表示,通常用于前后端之間傳遞數據。
在一個應用程序中,我們可能需要使用多個API并且可能需要在不同的頁面或組件中使用相同的API。為了避免重復編寫API請求代碼,我們可以實現API復用。
具體來說,在實現API復用時,我們可以將通用的API請求代碼封裝成一個函數,該函數接受API路徑、請求方式以及參數等信息,然后返回一個Promise對象,該對象包含API請求的結果。
下面是一個示例API復用函數:
function request(endpoint, method, data) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest() xhr.open(method, endpoint) xhr.setRequestHeader('Content-Type', 'application/json') xhr.onload = () => { if (xhr.status >= 200 && xhr.status < 300) { const response = JSON.parse(xhr.response) resolve(response) } else { reject(xhr.statusText) } } xhr.onerror = () => reject(xhr.statusText) xhr.send(JSON.stringify(data)) }) }
使用API復用函數時,我們可以通過傳遞不同的參數來請求不同的API。例如:
const user = { name: 'John', email: 'john@example.com' } request('/api/users', 'POST', user) .then(response => console.log('User created', response)) .catch(error => console.error(error))
通過實現API復用,我們可以大大減少代碼量,提高開發效率,在開發復雜應用程序時非常有用。