登陆验证功能如何用过nodejs实现
导读:这篇文章给大家介绍了“登陆验证功能如何用过nodejs实现”的相关知识,讲解详细,步骤过程清晰,对大家进一步学习和理解“登陆验证功能如何用过nodejs实现”有一定的帮助,希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学...
这篇文章给大家介绍了“登陆验证功能如何用过nodejs实现”的相关知识,讲解详细,步骤过程清晰,对大家进一步学习和理解“登陆验证功能如何用过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>
以上就是关于“登陆验证功能如何用过nodejs实现”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注网络,小编每天都会为大家更新不同的知识。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 登陆验证功能如何用过nodejs实现
本文地址: https://pptw.com/jishu/654479.html