axios是一個基于Promise的HTTP客戶端,它可以在瀏覽器和node.js中發送HTTP請求。使用axios發送JSON數據非常方便,我們只需要在請求配置中設置正確的請求方法、URL和請求體即可。
下面是一個使用axios發送POST請求并攜帶JSON數據的例子:
axios.post('/api/user', { name: 'John', age: 30 }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
在上面的例子中,我們將一個包含姓名與年齡的JSON數據通過POST方法發送到了/api/user接口。發送請求后,我們使用了then()和catch()方法來分別處理成功和失敗的響應。如果請求成功,我們會打印出響應數據;否則我們會打印出錯誤信息。
注意,在上面的代碼中,我們沒有必要手動將JSON數據序列化為字符串再添加到請求體中,axios會自動將它們序列化為JSON格式并添加到請求體中。
如果需要發送的JSON數據比較復雜,我們也可以采用下面的方式:
axios({ method: 'post', url: '/api/user', data: { firstName: 'John', lastName: 'Doe', hobbies: ['coding', 'reading'] } }).then(function (response) { console.log(response); }).catch(function (error) { console.log(error); });
在上面的代碼中,我們使用了axios()方法,并在請求配置中傳遞了一個包含請求方法、URL和數據的對象。在數據對象中,我們可以添加任何我們想要的JSON數據。當然,最后也不要忘記調用then()和catch()方法來處理響應。
上一篇for循環 vue
下一篇html js 效果代碼