axios是一個流行的基于Promise的HTTP客戶端,可以快速地在瀏覽器和Node.js中向服務器發起請求。當我們在使用axios時,往往需要向服務器提交數據并返回JSON格式的響應結果。下面我們來看一下如何使用axios post請求并得到JSON響應。
axios.post('/api/user', { name: '小明', age: 18 }) .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); });
上面的代碼展示了如何使用axios向服務器發送名為“小明”,年齡為18的用戶信息。通過.then()方法來處理成功的響應結果,通過catch()方法來處理失敗的響應結果。
當服務器成功響應請求時,我們可以通過response.data來獲取服務器響應的JSON格式數據。例如,假設服務器返回了一個如下所示的JSON數據,我們可以通過response.data來獲取它。
{ "code": 200, "message": "成功", "data": { "id": 123456, "name": "小明", "age": 18 } }
我們可以在.then()方法中進行解析JSON數據。例如,如下示例代碼展示了如何獲取“id”字段的值。
axios.post('/api/user', { name: '小明', age: 18 }) .then(function (response) { console.log(response.data.data.id); }) .catch(function (error) { console.log(error); });
上面的代碼展示了如何獲取返回的JSON數據中的“id”字段,并將它打印到控制臺中。
以上就是關于axios post請求返回JSON的文章,希望對你有所幫助。