axios的post请求查到id之后,在通过查到的id在进行查询,之后将查到的数据同时展示在一个表格里
时间: 2023-05-18 12:05:42 浏览: 42
以下是一个示例代码,可以参考:
```javascript
// 发送POST请求,查找ID
axios.post('/api/findById', {id: 123})
.then(response => {
// 获取查询到的数据
const data = response.data;
// 发送GET请求,获取相关数据
axios.get(`/api/getRelatedData?id=${data.id}&type=${data.type}`)
.then(response => {
// 获取相关数据
const relatedData = response.data;
// 将查询到的数据和相关数据合并
const mergedData = Object.assign({}, data, relatedData);
// 渲染表格
renderTable(mergedData);
})
.catch(error => {
console.error(error);
});
})
.catch(error => {
console.error(error);
});
function renderTable(data) {
// 渲染表格
// ...
}
```
在这个示例中,我们首先发送一个POST请求,查找ID为123的数据。如果查询成功,我们会得到一个包含该数据的对象。然后,我们发送一个GET请求,获取与该数据相关的其他数据。如果获取成功,我们会得到一个包含相关数据的对象。最后,我们将这两个对象合并成一个新的对象,并将其传递给`renderTable`函数,以渲染表格。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)