spotify api javascript auth 创建播放列表

Question

我正在尝试使用 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 at position 1

我可以看到“this.me = data”的原始方式是向html页面发送json数据，为什么我的纯js方法不起作用？

Answer 1

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