axios 是一個(gè)基于 Promise 的 HTTP 請(qǐng)求庫,可以用來與后端 API 進(jìn)行交互。在使用 axios 的過程中,我們有時(shí)候需要傳遞 JSON 數(shù)據(jù),下面我們就來看看 axios 怎么傳 JSON 數(shù)據(jù)。
首先,我們需要將數(shù)據(jù)轉(zhuǎn)換成 JSON 格式,可以使用 JavaScript 自帶的 JSON.stringify() 方法:
const data = { name: '張三', age: 18 }; const jsonData = JSON.stringify(data);
上面的代碼將一個(gè)普通的 JavaScript 對(duì)象轉(zhuǎn)換成了 JSON 字符串。
然后,我們使用 axios 發(fā)送 POST 請(qǐng)求,并將 JSON 數(shù)據(jù)作為請(qǐng)求體:
axios.post('/api/user', jsonData, { headers: { 'Content-Type': 'application/json' } }).then(response =>{ console.log(response); }).catch(error =>{ console.log(error); });
在上面的代碼中,我們將 JSON 數(shù)據(jù)作為第二個(gè)參數(shù)傳遞給 post 方法,同時(shí)還需要指定 Content-Type 頭為 application/json,這樣后端才知道我們發(fā)送的是 JSON 數(shù)據(jù)。
至此,我們就成功使用 axios 傳遞了 JSON 數(shù)據(jù)。