这篇文章主要介绍“nodejs怎么实现登陆验证功能”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“nodejs怎么实现登陆验证功能”文章能帮助大家解决问题。登陆验证需要提交数据，一种使用fORM表单提
这篇文章主要介绍“nodejs怎么实现登陆验证功能”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“nodejs怎么实现登陆验证功能”文章能帮助大家解决问题。
登陆验证需要提交数据，一种使用fORM表单提交数据，另一种使用原生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.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请求后台接口地址
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>关于“nodejs怎么实现登陆验证功能”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网精选频道，小编每天都会为大家更新不同的知识点。
--结束END--
本文标题: nodejs怎么实现登陆验证功能
本文链接: https://www.lsjlt.com/news/328227.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0