近幾年,前端的請求方式升級了很多。其中,axios 庫成了現(xiàn)在前端開發(fā)工具的主流。Axios 是一個支持 Promise API 的基于 XMLHttpRequest 和 Node.js 的 HTTP 客戶端,可以很好地提供對服務端 API 的支持,并且支持 JSON 數(shù)據(jù)格式的提交和請求。這里我們就來簡單講解一下如何使用 axios 的 json 表單提交。
首先,安裝 axios 庫,使用 npm 命令來安裝:
npm install axios --save
為了使用 axios 發(fā)送請求,需要通過 import 關鍵字引入庫:
import axios from 'axios'
然后,使用 post 方法并傳入 url 和 json 數(shù)據(jù)(data),其中數(shù)據(jù)類型設置為 application/json,如下所示。
axios.post('/api',{
name:'Aria',
age:'18'
},{
headers:{
'Content-Type':'application/json'
}
}).then((res)=>{
console.log(res.data)
})
以上就是 axios 實現(xiàn) json 表單提交的方法,簡單易行。希望對大家的開發(fā)有所幫助!
上一篇默認下劃線的css
下一篇html 白色代碼是什么