温馨提示:这篇文章已超过287天没有更新,请注意相关的内容是否还可用!
axios 是一个基于 Promise 的 HTTP 客户端,可以用于发送 HTTP 请求。通过使用 axios,我们可以方便地发送 JSON 数据。
我们需要引入 axios 库:
import axios from 'axios';
然后,我们可以使用 axios 的 post 方法发送 JSON 数据。post 方法接受两个参数,第一个参数是请求的 URL,第二个参数是要发送的数据。在这个例子中,我们将发送一个包含 name 和 age 属性的 JSON 对象:
axios.post('/api/user', {
name: 'John',
age: 25
});
我们可以使用 then 方法来处理请求成功的响应。then 方法接受一个回调函数作为参数,该回调函数会在请求成功时被调用,并接收一个包含响应数据的对象作为参数。在这个例子中,我们将在控制台打印出响应数据:
axios.post('/api/user', {
name: 'John',
age: 25
}).then(response => {
console.log(response.data);
});
如果请求失败,我们可以使用 catch 方法来处理错误。catch 方法接受一个回调函数作为参数,该回调函数会在请求失败时被调用,并接收一个包含错误信息的对象作为参数。在这个例子中,我们将在控制台打印出错误信息:
axios.post('/api/user', {
name: 'John',
age: 25
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
通过使用 axios,我们可以轻松地发送 JSON 数据,并处理成功和失败的响应。