我正在尝试使用 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/