nodejs怎么实现登陆验证功能
短信预约 -IT技能 免费直播动态提醒
这篇文章主要介绍“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 class="lazy" data-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>关于“nodejs怎么实现登陆验证功能”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网行业资讯频道，小编每天都会为大家更新不同的知识点。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
