javascript - Spotify api javascript 验证创建播放列表

标签 javascript html spotify

我正在尝试使用 html 和 javascript 制作一个概念验证 codepen.io 项目,以通过 Spotify 验证某人的身份,然后为经过身份验证的用户制作一个播放列表。我目前正在努力更改此工作身份验证示例: https://codepen.io/martin-barker/pen/QWWePYZ?editors=1010

它来自教程,现在当您单击按钮时,它会打开一个弹出窗口,用户使用该弹出窗口登录,然后用户的数据将显示在 html 页面上。我的第一步是将这个 codepen 从 Vue 移出并转移到纯 JavaScript 中。

JavaScript 的第 29 行是这样的:

this.me = data

它将身份验证数据发送到 html 页面,我正在尝试更改该行以使用纯 JavaScript,例如:

document.getElementById("spotDiv").innerHTML = data

但这只是将 div 更改为显示“[Object, object]”

我尝试解析为 json:

document.getElementById("spotDiv").innerHTML = JSON.parse(data)

但这会导致错误 Unexpected token o in JSON atposition 1

我可以看到原来的方式“this.me = data”将json数据发送到html页面,为什么我的纯js方法不起作用?

最佳答案

我对 JS 很陌生,所以如果我不知道我在说什么,我深表歉意。 您能否发布显示的数据?您是否尝试过使用 document.getElementById("spotDiv").appendChild(data);

关于javascript - Spotify api javascript 验证创建播放列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59098192/

相关文章:

meteor - "415 Error"查询 Spotify token 时

javascript - 层查询成功后立即显示信息窗口

javascript - 尝试使用 React Route 和 Webpack 实现代码分割的 React "Lazy"路由

html - 如何使用 Bootstrap 使按钮在移动 View 中延伸到全宽而不是结束电脑?

javascript - 绝对正方形的响应网格

javascript - Node JS 试图将访问 token 分配给变量

python - pyspotify 的问题

Javascript - 图像数据处理和div渲染

javascript - Chrome 和 FF 中的 document.frames 未定义错误

javascript - 与函数和变量的多重Knockout绑定(bind)