axios 是一種常用的 JavaScript 庫,用于創建 Ajax 請求和 HTTP 客戶端。在請求或響應中,JSON 是最常見的數據格式之一。在處理 JSON 數據時,我們需要指定 JSON 格式,以便數據能夠正確解析和使用。本文將介紹如何使用 axios 指定 JSON 格式。
在 axios 中,我們可以使用 headers 屬性來指定數據格式。使用 Content-Type 頭部字段來指定發送的數據格式。常見的數據格式有:
// 發送 JSON 數據 axios.post('/api', { data: { name: 'John', age: 30 } },{ headers: { 'Content-Type': 'application/json' } }); // 發送表單數據 axios.post('/api', { data: { name: 'John', age: 30 } },{ headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
如上代碼中,當我們需要發送 JSON 數據時,需要指定 Content-Type 為 application/json;當我們需要發送表單數據時,需要指定 Content-Type 為 application/x-www-form-urlencoded。
除了發送數據時需要指定 JSON 格式外,接收數據時也需要指定 JSON 格式。我們可以在配置項中指定 responseType 字段為 'json'。
// 指定接收 JSON 數據 axios.get('/api', { responseType: 'json' }).then(res =>{ console.log(res.data); });
如上代碼中,我們將 responseType 指定為 json,則 axios 會自動將響應數據轉換為 JSON 對象。
總之,在使用 axios 時,使用 headers 來指定數據格式,使用 responseType 來指定接收的數據格式即可。