百木园-与人分享,
就是让自己快乐。

FastAPI 学习之路(四十七)WebSockets(三)登录后才可以聊天

 之前我们是通过前端自动生成的,这次我们通过注册登录,保存到本地去实现。我们可以应该如何实现呢,首先我们实现一个登录界面。放在templates文件下。

<!DOCTYPE html>
<html lang=\"en\">
<head>
<meta charset=\"UTF-8\">
<title>Title</title>
<script src=\"https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js\">
</script>
</head>
<body>
<div>
<p><input id=\"username\" placeholder=\"用户名\"></p>
<p><input id=\"password\" placeholder=\"密码\" type=\"password\"></p>
<button id=\"login\">登录</button>
</div>
<script>
$(
\'#login\').click(function () {
$.ajax({
type:
\"post\",
url:
\"/token\",
contentType:
\"application/json; charset=utf-8\",
data: JSON.stringify({
email: $(
\"#username\").val(),
password: $(
\"#password\").val()
}),
success:
function (data) {
if (data[\'msg\'] == \"pass\") {
window.localStorage.setItem(
\"token\", data[\'token\'])
window.location.href
=\"/\"
}
else {
alert(data[
\'msg\'])
}
}
})

})
</script>
</body>
</html>

来源:https://www.cnblogs.com/leiziv5/p/15416872.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » FastAPI 学习之路(四十七)WebSockets(三)登录后才可以聊天

相关推荐

  • 暂无文章