mounted() { // 页面加载完成之后 加载数据 var _this = this; axios({ // 请求方式 method: 'GET', // 请求的地址 url: 'http://localhost:8080/mayikt_ssm_war/user/getUsersAll', }).then(function (result) { var code = result.data.code; var data = result.data.data; if (code == "200") { _this.users = data; } }) }若要调用多个后端查询接口,如何实现
时间: 2024-02-10 11:04:29 浏览: 273
可以通过多次使用 `axios` 或其他类似的 AJAX 库来实现调用多个后端查询接口。在 `mounted` 生命周期中,可以按照以下方式进行调用:
```javascript
mounted() {
var _this = this;
axios.all([
axios.get('http://localhost:8080/mayikt_ssm_war/user/getUsersAll'),
axios.get('http://localhost:8080/mayikt_ssm_war/user/getUsersByName', {
params: {
name: '张三'
}
})
]).then(axios.spread(function (res1, res2) {
var code1 = res1.data.code;
var data1 = res1.data.data;
var code2 = res2.data.code;
var data2 = res2.data.data;
if (code1 == "200") {
_this.users = data1;
}
if (code2 == "200") {
_this.usersByName = data2;
}
}));
}
```
在这个例子中,我们同时调用了两个接口,一个是获取所有用户列表,另一个是根据用户名获取用户信息。我们使用 `axios.all()` 方法同时发起这两个请求,并在两个请求都完成后,使用 `axios.spread()` 方法将两个请求的结果分别赋值给 `res1` 和 `res2`,然后分别处理这两个请求的结果。注意,`axios.all()` 方法返回一个 Promise 对象,因此需要使用 `then()` 方法来处理结果。
阅读全文