问如何依次调用两个API端点？
EN

Stack Overflow用户

提问于 2021-03-13 05:36:53

回答 1查看 160关注 0票数 0

我正在使用vue.js创建一个应用程序，我有两个API端点，第一个是我可以接收TikTok视频id的地方，第二个是TikTok嵌入视频API，我试着调用我的第一个API，然后通过它映射，然后调用TikTok来嵌入所有动态id的API，并在单一阵列中接收所有TikTok视频，但是我不知道如何实现这个功能，这就是我尝试过的，有什么建议吗？

 var data = []
 
 async getAllRelatedData(query) {
 // GET request using fetch with async/await
const response = await fetch(`https://marsi.vip/tiktokideas/search/search=nature`);
const data = await response.json()
const filter = await data.videos.map((videoId)=> videoId.tiktok_id)
 const responseToTiktok = await fetch(`https://www.tiktok.com/oembedurl=https://www.tiktok.com/@scout2015/video/${....filter}`);
   var finalResult = data.push(responseToTiktok)
   },

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

javascript

fetch

回答 1

Stack Overflow用户

发布于 2021-03-13 05:48:03

调用第一个函数，一旦得到第一个函数的响应，就会触发第二个函数。如果您需要第一个调用中的变量，请将它们放在const中并在第二个调用中使用它们。

fetch('http://example.com/call1').then(response => {fetch('http://example.com/call2').then(data => {console.log(data)});})

这是一个参考https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

如果你想要一个更整洁的结构，把它们分成两个函数，然后调用第一个函数，然后在得到响应后在第一个函数中调用第二个函数。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66607521

复制

相似问题

问如何依次调用两个API端点？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何依次调用两个API端点？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何依次调用两个API端点？
EN