如何检查是不是从api返回数据？
Posted
技术标签:
【中文标题】如何检查是不是从api返回数据？【英文标题】：How to check if data is returned from api?如何检查是否从api返回数据？ 【发布时间】：2021-04-16 18:02:17 【问题描述】：如何检查我的 api 请求是否从 fetchData 函数返回任何数据？，我想将 boolean（或其他）返回到我的 Index.vue 并在加载数据但加载数据时显示加载程序然后我想使用：this.$router.push("admin/dashboard") 重定向到显示此数据的另一个页面，
我的代码：
const actions =
fetchData( commit , id)
return axios.get(`someUrl?hd=$id`)
.then(response =>
if(response.status == 200)
commit('setData', response.data),
)
.catch(
error =>
console.log(error);
);
Index.vue
<div v-if="isDataLoaded" class="loading-div">
<vue-spinner />
</div>
methods:
...mapActions(["fetchData"]),
launchFetchData()
new Promise(() =>
this.$store.dispatch("fetchData",
id: this.id
)
)
感谢您的帮助
【问题讨论】：
【参考方案1】：您可以使用：console.log(response.data)
【讨论】：
【参考方案2】：当您将数据设置为 response.data 时，请使用 .length 检查大小。如果它 > 0，则将用户路由到仪表板。
【讨论】：
【参考方案3】：以这种方式使用 Js Promises。。接下来的所有语句都会暂停，直到 Promise 解决问题
<body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
function makeGetRequest(path)
return new Promise(function (resolve, reject)
axios.get(path).then(
(response) =>
var result = response.status;
console.log('Processing Request');
resolve(result);
,
(error) =>
reject(error);
);
);
async function main()
var result = await makeGetRequest('https://jsonplaceholder.typicode.com/users/1');
console.log("Status ", result);
console.log('Statement 1');
console.log('Statement 2');
main();
console.log('starting....');
</script>
</body>参考：https://www.geeksforgeeks.org/how-to-make-javascript-wait-for-a-api-request-to-return/
【讨论】：
以上是关于如何检查是不是从api返回数据？的主要内容，如果未能解决你的问题，请参考以下文章