在前端開發(fā)中，我們經(jīng)常需要發(fā)送 HTTP 請求，其中最常見的是基于 AJAX 發(fā)送請求。在我們向后端發(fā)送請求時，我們需要將需要提交的數(shù)據(jù)轉(zhuǎn)換為 JSON 格式。幸運的是，現(xiàn)在有一種非常方便的工具，叫作 Axios，可以幫助我們完成這項工作。

Axios 是一個基于 Promise 的 HTTP 客戶端，可以用于瀏覽器和 Node.js。它非常易用，支持在瀏覽器中發(fā)送GET、POST、PUT、DELETE等請求。我們可以使用 Axios 來發(fā)送 URL 編碼、JSON 數(shù)據(jù)、二進制數(shù)據(jù)等請求。

在 Axios 中，我們可以使用data屬性來發(fā)送 JSON 數(shù)據(jù)。如果我們使用的請求方法是POST或PUT等，我們可以將 JSON 數(shù)據(jù)作為第二個參數(shù)傳入。

axios.post('/api/user', {
firstName: 'John',
lastName: 'Doe'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

當我們向后端發(fā)送 JSON 數(shù)據(jù)時，還需要設置Content-Type頭部為application/json，以告訴服務端請求的數(shù)據(jù)格式為 JSON。我們可以如下設置：

axios({
method: 'post',
url: '/api/user',
data: {
firstName: 'John',
lastName: 'Doe'
},
headers: {'Content-Type': 'application/json'}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

以上就是 Axios 中發(fā)送 JSON 數(shù)據(jù)的介紹和示例。希望對大家有所幫助。