vue原生ajax请求
时间: 2023-10-31 13:04:51 浏览: 126
原生请求接口ajax.html
Vue原生的Ajax请求可以使用Vue提供的`axios`库。以下是一个使用axios发送GET和POST请求的示例代码:
```javascript
// 安装axios库
// npm install axios
// 引入axios
import axios from 'axios';
// 发送GET请求
axios.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
// 发送POST请求
axios.post('/api/data', { name: 'John', age: 25 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在上面的例子中,我们首先引入了axios库。然后,我们使用`axios.get()`函数发送一个GET请求到`/api/data`接口,并在成功时打印返回的数据,失败时打印错误信息。
同样地,我们还使用`axios.post()`函数发送一个POST请求到`/api/data`接口,并在成功时打印返回的数据,失败时打印错误信息。
需要注意的是,上述代码中的API路径(`/api/data`)只是示例,请根据实际情况修改为你要请求的API路径。另外,如果需要在请求头中设置一些参数,可以使用`axios.defaults.headers`进行设置。
阅读全文