html css 登录 / js api

Question

我有一个关于使用 Javascript API 的作业。我对 Javascript API 一无所知。谁能帮我？我用 html css 代码编写了登录页面。但是第二阶段的作业：

• 单击登录页面上的登录按钮时，将使用 Javascript 接收在用户名和密码输入中输入的值，并向此处的服务发送请求 https://fakestoreapi.com/docs#a -登录。当此服务收到响应时，将从登录页面重定向到仪表板页面。

我对这个软件很陌生，我搜索了一个视频来学习，但我找不到登录页面。谁能帮助我。

我能够仅使用 html css 创建登录页面。

Answer 1

这就是我的实现方式

myform.addEventListener("submit", function(evt) {
    evt.preventDefault();
    let fields = this.querySelectorAll("[name]");
    let obj = {};
    for (let field of fields) {
        obj[field.name] = field.value;
    }
    fetch('https://fakestoreapi.com/auth/login',{
            method:'POST',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body:JSON.stringify(obj)
        })
            .then(res=>res.json())
            .then(json=>console.log(json))
});

<form id="myform">
    <input type="text" placeholder="username" name="username" value="mor_2314">
    <input type="password" placeholder="password" name="password" value="83r5^_">
    <input type="submit" value="login">
</form>