axios.post是一個用于發送HTTP請求的方法,可以發送POST請求并提交JSON數據。下面是一個簡單的示例:
axios.post('/api/data', {
name: '張三',
age: 18,
gender: '男'
}).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});
這個post請求會向/api/data路徑發送一個POST請求,并提交一個JSON對象,包含name、age和gender屬性。然后使用Promise的方式處理服務器響應,輸出響應內容或捕獲錯誤。
在這個請求中,axios會自動將JSON對象轉換為字符串,因此不必手動將數據轉換為JSON字符串:
axios.post('/api/data', JSON.stringify({
name: '張三',
age: 18,
gender: '男'
})).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});
如果你需要設置請求頭信息,可以使用第三個參數config,示例如下:
axios.post('/api/data', {
name: '張三',
age: 18,
gender: '男'
}, {
headers: {
'Content-Type': 'application/json'
}
}).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});
這個請求會設置Content-Type請求頭為application/json,確保服務器能正確識別請求內容。
總之,axios.post可以很方便地提交JSON數據的POST請求,使用它可以簡化代碼,提高開發效率。