Javascript 使用AJAX在iframe中放置videoID

Javascript 使用AJAX在iframe中放置videoID,javascript,ajax,youtube,youtube-api,youtube-data-api,Javascript,Ajax,Youtube,Youtube Api,Youtube Data Api,我试图通过AJAX显示我的一个播放列表中的YT视频,但我无法用我获取的数据替换iframe中的视频ID 我是这样获取数据的: const apiKey='MY\u API\u KEY' const PLAYLIST ID=我的\u播放列表\u ID 常量url=`https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=25&playlistId=${playlyid}&key=${apiKey}`

我试图通过AJAX显示我的一个播放列表中的YT视频,但我无法用我获取的数据替换iframe中的视频ID

我是这样获取数据的:

const apiKey='MY\u API\u KEY' const PLAYLIST ID=我的\u播放列表\u ID 常量url=`https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=25&playlistId=${playlyid}&key=${apiKey}` const getData=函数{ 返回fetchurl .thenresponse=>response.json .thendata=>{ return data.items.mapplaylist=>{ 返回{ videoId:playlist.snippet.resourceId.videoId } } } } 我看不到任何地方定义的数据变量:

const apiKey = 'MY_API_KEY'
const playlistId = "MY_PLAYLIST_ID"
const url = `https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=25&playlistId=${playlistId}&key=${apiKey}`
您正在PutVideon函数的URL中使用${data.videoId},但我看不出数据变量是在哪里定义的

您只是在getData函数中使用它,如下所示:

return data.items.map(playlist => {
    return {
      videoId: playlist.snippet.resourceId.videoId
}

但是您没有在变量数据中保存任何内容,因为它不存在可能

很好的调用…我尝试单独使用${playlist.videoId}和${videoId},但仍然得到相同的错误。希望它能为您解决。有时我们会错过最明显的事情。如果您愿意,请接受我的回答:祝您好运。错误如下:未捕获引用错误:未定义数据未捕获引用错误:未定义播放列表未捕获引用错误:未定义视频ID谢谢您花时间回答我的问题!我会试试看:没问题。如果仍然产生相同的错误,请在注释中告诉我。如果没有,请毫不犹豫地开始一个新的线程,我会密切关注。发布错误也会很有帮助。我确实注意到consturl使用反勾号而不是引号:url=`https:。。而不是url='https:…我不知道YouTube是否会允许您的计划。错误如下:未捕获引用错误:未定义数据,然后当我使用${playlist.videoId}时,我得到了未捕获引用错误:未定义播放列表。当我尝试${videoId}时,我得到了以下结果:未捕获引用错误:videoId未定义。url有倒勾,因为我在其中注入了两个常量。当我运行console.log时,它会获取我想要的所有数据。。。