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