Axios 是一個(gè)基于 Promise 的 HTTP 請求庫,并且支持瀏覽器和 Node.js 運(yùn)行環(huán)境。它能夠讓前端開發(fā)者更輕松地處理 REST API 的調(diào)用,讓代碼更加簡潔和易讀。
使用 Axios 傳 JSON 格式的數(shù)據(jù)也非常簡單。在發(fā)送 POST、PUT 或 PATCH 請求時(shí),只需要將數(shù)據(jù)放在請求體中,并且使用Content-Type
請求頭指定為application/json
即可。
// 導(dǎo)入 Axios 庫
import axios from 'axios';
// 定義 JSON 數(shù)據(jù)
const data = {
name: 'Axios',
description: 'A promise-based HTTP library for JavaScript',
website: 'https://axios-http.com/',
};
// 發(fā)送 POST 請求
axios.post('/api/data', data, {
headers: {
'Content-Type': 'application/json'
}
}).then(response =>{
console.log(response.data);
});
在上述代碼中,第三個(gè)參數(shù)是一個(gè)可選的配置對象,可以包含更多的請求選項(xiàng)。例如,可以指定請求的認(rèn)證 token,以及設(shè)置超時(shí)時(shí)間和請求頭。
總之,使用 Axios 傳 JSON 格式的數(shù)據(jù)非常簡單。只需將數(shù)據(jù)放入請求體中,并且設(shè)置請求頭,就可以開始發(fā)送請求并處理響應(yīng)。
下一篇html 玫瑰代碼表