Question

我的页面有一些问题。第一个问题是：单击时页面上的span元素没有任何作用。我不断遇到的问题是element.addEventListener不是一个函数。它是功能的一部分，应该将我重定向到Spotify的授权端点。当我手动将其放置在网址栏中时，它可以工作（有点），但是该按钮不会执行任何操作。

第二，当我手动发出对/login的请求时，它在url栏中显示了我的访问和刷新令牌，但是应该将我带到授权页面，然后使用这些重定向到callback.html证书。 callback.js应该处理那些凭证请求。相反，它所做的就是在网址栏中显示我的访问权限和刷新令牌。这是一些代码。这是怎么回事？对于第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);}

为什么我的Spotify API无法正常运行？

0 个答案: