Ecmascript 6 当数据来自API时,如何在es6中对用户进行身份验证?

Ecmascript 6 当数据来自API时,如何在es6中对用户进行身份验证?,ecmascript-6,Ecmascript 6,我有一个API,它在Postman上运行良好,当我在标题部分提供电子邮件和密码时得到了一个结果,现在我有了一个登录表单,如果用户名和密码与API数据匹配,那么我想从API数据结果中验证用户,然后登录,否则显示错误。我想要这种类型的工作,但我很困惑从哪里开始。我只想使用es6函数。您创建了一个登录函数,该函数对您的API进行ajax调用,可能使用获取API(或其他一些ajax库,如Axios)。您的调用将返回一个承诺,其中包含来自服务器的结果,然后您将执行该承诺 const login=(form

我有一个API,它在Postman上运行良好,当我在标题部分提供电子邮件和密码时得到了一个结果,现在我有了一个登录表单,如果用户名和密码与API数据匹配,那么我想从API数据结果中验证用户,然后登录,否则显示错误。我想要这种类型的工作,但我很困惑从哪里开始。我只想使用es6函数。

您创建了一个
登录
函数,该函数对您的API进行ajax调用,可能使用
获取
API(或其他一些ajax库,如
Axios
)。您的调用将返回一个承诺,其中包含来自服务器的结果,然后您将执行该承诺

const login=(formValues)=>{
返回fetch(“/your/api/url”{
方法:“POST”,
正文:JSON.stringify(formValues)
})
.then((响应)=>JSON.parse(响应))
。然后((数据)=>{
//对服务器数据执行一些操作
})
.catch((错误)=>{
//对这个错误做点什么
});
};
这就是要点。您的服务器可能需要额外的请求参数,因此请查看API以了解您选择的ajax方法。同样,还有像
Axios
这样的库,它们可以为您抽象/简化/扩展
fetch
API,或者您可以直接使用它。要记住的最重要的一点是,在实际拥有返回值之前,您无法访问它们,因此,如果您不熟悉承诺,那么您也应该研究它们