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”的原始方式是將 json 數據發送到 html 頁面，為什么我的純 js 方法不起作用？

Answer 1

我對 JS 很陌生，所以如果我不知道我在說什么，我很抱歉。 您能否發布顯示的數據？ 您是否嘗試過使用document.getElementById("spotDiv").appendChild(data); ?