Почему мой API-интерфейс spotify не работает должным образом? - PullRequest
Новая
       9

Почему мой API-интерфейс spotify не работает должным образом?

0 голосов
/ 10 февраля 2020

У меня несколько проблем с моей страницей. Первая проблема: элемент span на моей странице при нажатии ничего не делает. Проблема, которую я продолжаю получать, заключается в том, что element.addEventListener не является функцией. Это часть функции, которая должна перенаправить меня на конечную точку авторизации Spotify. Когда я помещаю его в строку URL-адреса вручную, он работает (вроде), но кнопка ничего не сделает.

Во-вторых, когда я помещаю запрос на /login вручную, он показывает мой токен и refre sh токенов в строке URL, но он должен перевести меня на страницу авторизации, а затем перенаправить на обратный вызов . html с этими учетными данными. обратный вызов. js должен обрабатывать эти запросы учетных данных. Вместо этого все, что он делает, это показывает мне мой доступ и обновляет токены sh в строке URL. Вот код В чем дело? Для выпуска 2 посмотрите мой проект здесь: https://github.com/YungLonk/Spotify-API/blob/master/app.js

Выпуск 1 Код: 

Issue 1 Code
// public/index.html

<!DOCTYPE html>
<html>
    <head>
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <meta charset="utf8">
    </head>
    <body>
        <h1>Click below to connect spotify:</h1>
        <div class="box-1">
            <div class="btn btn-one">
                <span>CONNECT SPOTIFY</span> <!-- When clicked, should redirect user to login page -->
            </div>
        </div>
        <script src="js/script.js"></script>
    </body>
</html>


// public/js/script.js

function login(e) { // Redirects user to login page for spotify
    if (!e) {e = window.event}
    const xhr = new XMLHttpRequest();
    xhr.open('GET', '/login', true);
    xhr.send();}
if(addEventListener) {document.getElementsByTagName('span').addEventListener('mouseup', login, false);}
else {button.mouseup(login);}
...