Axios是一個基于Promise的HTTP庫,可以在瀏覽器和Node.js中發起 HTTP 請求。在實際開發中,常常需要向服務器請求數據,并發送JSON格式的數據。使用Axios,我們可以非常方便地實現這個功能。
Axios發送POST請求發送JSON數據非常簡單,只需要在請求中指定headers和data即可。下面是一個示例:
axios({ method: 'POST', url: 'http://localhost:3000/data', headers: { 'Content-Type': 'application/json;charset=UTF-8' }, data: { name: 'Tom', age: 18 } }).then(function (response) { console.log(response); }).catch(function (error) { console.log(error); });
代碼說明:
首先,我們使用Axios的axios()方法發起一個POST請求,指定請求的方法為POST,請求的URL為http://localhost:3000/data。然后,在請求頭中指定Content-Type為application/json;charset=UTF-8,表示發送的數據是JSON格式的。最后,通過data參數指定請求發送的JSON格式的數據。
如果請求成功,Axios會將服務器返回的數據作為響應傳遞給then()方法中的回調函數。否則,Axios會將錯誤信息傳遞給catch()方法中的回調函數。
總之,使用Axios發送JSON格式的數據非常方便,通過指定headers和data就可以實現。而且,Axios可以處理跨域請求,支持promise API和取消請求,有著很好的用戶體驗和性能表現。