在前端開發中,經常需要發送 HTTP 請求獲取遠程數據。使用 axios 發送 JSON 請求是非常常見和方便的方法。
首先,我們需要在項目中引入 axios:
import axios from 'axios';
接下來,我們可以使用 axios 提供的 post 方法來發送 JSON 請求。示例代碼如下:
axios.post('/api/postData', {
data: 'Hello World!'
}).then((response) => {
console.log(response.data);
}).catch((error) => {
console.error(error);
});
在這個例子中,我們向/api/postData
發送了一個包含{"data":"Hello World!"}
的 JSON 對象。當服務器響應時,我們通過then()
方法獲取響應數據。如果出現錯誤,我們可以通過catch()
方法捕獲錯誤,然后在控制臺輸出錯誤信息。
需要注意的是,axios 默認會將 JSON 對象轉換為表單數據并發送,這是因為大多數服務器不能直接解析 JSON 格式的請求數據。如果需要發送原始的 JSON 數據,可以使用axios.defaults.headers.common['Content-Type'] = 'application/json';
進行配置。示例代碼如下:
axios.defaults.headers.common['Content-Type'] = 'application/json';
axios.post('/api/postData', {
data: 'Hello World!'
}).then((response) => {
console.log(response.data);
}).catch((error) => {
console.error(error);
});
這樣就可以使用 axios 發送 JSON 請求了。使用 axios 可以快速、方便地獲取遠程數據,極大地提高了前端開發效率。