nodejs实现登陆验证功能
更新时间：2022年04月26日 18:08:46 作者：孤风随雨
这篇文章主要为大家详细介绍了nodejs实现登陆验证功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了nodejs实现登陆验证的具体代码，供大家参考，具体内容如下
登陆验证需要提交数据，一种使用form表单提交数据，另一种使用原生js提交数据
form表单提交
搭建后台服务器
const express = require('express')
const app = express()
const bodyparser = require('body-parser')
//挂载参数处理的中间件
//extended:false 表示使用系统模块querystring来处理 将字符串转化为对象
app.use(bodyparser.urlencoded({extended:false}))
//挂载内置中间件处理静态文件
app.use(express.static('public'))
//使用form表单提交
app.post('/login',(req,res)=>{
//因为是post,所以使用body
let data = req.body;
//判断用户名和密码
if(data.username=='admin'&&data.password=='123'){
res.send('登陆成功')
}else{
res.send('登陆失败')
}
})
app.listen(3000,()=>{
console.log('running....');
})public目录下的login.html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="http://localhost:3000/login" method="post"> 用户名： <input type="text" name="username" id="use"><br> 密码： <input type="password" name="password" id="pwd"><br> <!-- <input type="submit" value="登录"> --> <input type="button" value="登录" id="btn"> </form> </body> </html>
但该方法已经很很少使用了，现在主要使用ajax请求后台接口地址
原生js提交
const express = require('express')
const app = express()
const bodyparser = require('body-parser')
//挂载参数处理的中间件
//extended:false 表示使用系统模块querystring来处理 将字符串转化为对象
app.use(bodyparser.urlencoded({extended:false}))
//挂载内置中间件处理静态文件
app.use(express.static('public'))
//使用form表单提交
app.post('/login',(req,res)=>{
//因为是post,所以使用body
let data = req.body;
//判断用户名和密码
if(data.username=='admin'&&data.password=='123'){
res.send('登陆成功')
}else{
res.send('登陆失败')
}
})
app.get('/login',(req,res)=>{
let data = req.query;
if(data.username=='admin'&&data.password=='123'){
res.send({flag:1})
}else{
res.send({flag:2})
}
})
app.listen(3000,()=>{
console.log('running....');
})<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--引入jQuery-->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(()=>{
//按钮点击事件
$('#btn').click(()=>{
//获取输入框中的值
let use = $('#use').val()
let pwd = $('#pwd').val()
$.ajax({
//type后为字符串
type:'get',
url:'http://localhost:3000/login',
data:{
username:use,
password:pwd,
},
success:(data)=>{
if(data.flag==1){
alert('登陆成功')
}else{
alert('登陆失败')
}
}
})
})
})
</script>
</head>
<body>
<form action="http://localhost:3000/login" method="post">
用户名：
<input type="text" name="username" id="use"><br>
密码：
<input type="password" name="password" id="pwd"><br>
<!-- <input type="submit" value="登录"> -->
<input type="button" value="登录" id="btn">
</form>
</body>
</html>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于express框架中使用jwt实现验证的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用express具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-08-08
在开发中我们有时候需要每隔 一段时间发送一次电子邮件，或者在某个特定的时间进行发送邮件，无需手动去操作，基于这样的情况下我们需要用到了定时任务。本文就来用Express实现定时发送邮件吧2023-04-04
这篇文章主要给大家介绍了node.js实现复制文本到剪切板的功能，文中介绍的非常详细，并给出示例代码，相信对大家具有一定的参考借鉴价值，有需要的朋友们下面来一起看看吧。2017-01-01
在Linux系统上更新Node.js到最新版本的3种方法小结
这篇文章主要介绍了在Linux系统上更新Node.js到最新版本的3种方法,使用NVM,使用NPM,用二进制包更新Node.js,文中有详解更新方法,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了Node.js API详解之 timer模块用法,结合实例形式分析了Node.js API中timer模块基本功能、原理、用法及操作注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了Node.js 多线程完全指南总结,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
今天小编就为大家分享一篇解决Mac下安装nmp的淘宝镜像失败问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-05-05
Nodejs读写流流的传输过程默认是以buffer的形式传输的,除非你给他设置其他编码形式, 小伙伴可以参考下。2016-03-03
node.js中是通过模块来划分为单位来划分所有功能的。每个模块为一个js文件。每个模块中定义的全局变量或函数的作用范围也被限制在这个模块中，只能用exports对象将其传递到外部。2017-08-08
这篇文章介绍了Node.js实现压缩与解压数据的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
最新评论