大佬教程收集整理的这篇文章主要介绍了获取 API 承诺 - JavaScript 和 HTML 连接,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我对 HTML 和 JavaScript 非常陌生。我为登录功能创建了一个非常简单的 HTML 页面。代码如下。
<HTML>
<head>
<body>
<form>
<p>Username</p>
<input type='text' name="" placeholder="Enter Username/Email ID">
<p> password</p>
<input type='password' name="" placeholder="Enter password">
<input type='submit' name="" value="LogIn the User">
</form>
</body>
</head>
</HTML>
现在我有一个具有登录功能的 RESTful API。我可以在POSTMAN中以Json格式发送API测试的Username和password的值。
现在我的问题是如何将登录的其余 API 与我的 HTML 页面连接起来。如果这是一个重复的问题,那么请带我回到原来的问题。另外,如果您可以建议一些资源。我经历了很多,但找不到相关的。 谢谢。
基本步骤是
admin.initializeApp()
document.forms[0].addEventListener('submit',function(E) { // when they submit
e.preventDefault(); // Don't try and submit the form the traditional way
const data = {
username: e.target.querySELEctor('input[name="username"]').value,password: e.target.querySELEctor('input[name="password"]').value
} // get the JSON we want to submit
fetch('/auth/login',{
method: 'post',// submit it as a post request
body: JSON.Stringify(data)
}).then(function(responsE) {
return response.json(); // parse the response as json
}).then(function(data) {
console.log('do something with the response');
});
});
以上是大佬教程为你收集整理的获取 API 承诺 - JavaScript 和 HTML 连接全部内容,希望文章能够帮你解决获取 API 承诺 - JavaScript 和 HTML 连接所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。