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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Nodejs 发送Post请求功能(发短信验证码例子)

    直接上代码 sms.js var http = require('http'); var querystring = require('querystring'); function SmsCode() { //发短信 this.send = function (req0, res0) { var code = "3212"; var txt = "您的验证码是:"+code+".请不要把验证码泄露给其他人.如非本人操作,可不用理会!"; var

  • nodejs接入阿里大鱼短信验证码的方法

    nodejs接入阿里大鱼短信验证码的方法

    之前做过nodejs接入阿里大鱼短信验证码的方法,最近需要回顾,就顺便发到随笔上了 1. 阿里云上申请accessKey 如果已经申请过了,则可以直接使用.否则,首先点击右上角个人信息下拉菜单中的accessKeys进行申请. 2. 阿里云上开通短信服务 阿里大于的短信验证码服务已经并入阿里云中,通过阿里云的控制台->产品与服务->短信服务(在D字头中)进入. 按照阿里云提示的步骤操作,申请短信签名和短信模板,等待审核通过.记录下模板的id. 3. 使用apis-aliyun发送验证码 ```

  • nodejs使用express获取get和post传值及session验证的方法

    本文实例讲述了nodejs使用express获取get和post传值及session验证的方法.分享给大家供大家参考,具体如下: 获取get和post传值 get的传值被放入了一个对象中 req.query post的传值被放入了 req.body 获取方式如获取对象的内容方式一样.比如,前面传入了一个id的值,nodejs获取就可以req.body.id即可 express的session验证 第一步安装cookie和session的模块,并引入 var session = require('

  • nodejs个人博客开发第七步 后台登陆

    nodejs个人博客开发第七步 后台登陆

    本文为大家分享了nodejs个人博客开发的后台登陆,具体内容如下 定义后台路径 访问这个路径进入后台页面 http://localhost:8888/admin/login 在后台路由控制器里面(/admin/index.js)调用登陆控制器(/admin/login.js) //调用router对象的use方法,使用路由中间件 router.use("/login",require("./login")); 登陆控制器里面,定义登陆界面的路由,定义登陆提交验证的路

  • nodejs语言实现验证码生成功能的示例代码

    验证码已经是非常常用的反作弊.反攻击手段了,其实要实现这个功能对技术水平好的人也不难,但是并不是每个人,每种语言都天然适合搞某个功能...不过我们可以通过封装接口,来屏蔽差异化,把问题简单化,现在就用一个简单的nodejs脚本来实现验证生成功能,例子如下: var http = require('http'); var qs = require('querystring'); //配置您申请的appKey和openId app_key = "***"; open_id = "

  • NodeJs模拟登陆正方教务

    NodeJs模拟登陆正方教务

    网上已经有很多关于模拟登陆正方教务的作品了,基于 PHP,Python,Java,.Net 加上我自己尝试的NodeJs,这几门语言都可以实现模拟登陆,模拟登陆的技术点不是特别难,这里记录一下利用 Node 碰到的一些坑,以及一些我自己的解决思路. 1. 收集模拟登陆信息 这一步最基础,通过 chrome 的 network 就可以查看跳转的 post 或者 get 请求以及参数了. 注意勾选Preserve log 否则页面跳转你是看不到请求的. 注意点:出现 (unable to decod

  • Nodejs中使用captchapng模块生成图片验证码

    Nodejs项目,在做图片验证码的时候遇到了难题.Nodejs没有图片库,以后会有,但是现在没有. 网络上搜索一圈,有几个解决方案: 1.采用第三方验证码程序,有的时候,项目可能不允许: 2.使用Java或者PHP生成图片,Nodejs调用,中间采用Redies共享: 这两种方式都不太理想,好在终于找到了可以支持Nodejs图片验证码的一个库,虽然只支持数字,但是也还不错.原理是使用Base64的图片编码方式. 这个库的Gighub地址是:https://github.com/GeorgeCha

  • Nodejs实现短信验证码功能

    使用Nodejs的开发者愈来越多,基于Nodejs的后台开发也多了起来,像短信验证码.短信群发.国际短信这些需求,完全可以采用第三方接口来实现,云片就提供了这样的接口. Nodejs // 修改为您的apikey.可在官网(https://www.yunpian.com)登录后获取 var https = require('https'); var qs = require('querystring'); var apikey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

  • Nodejs中session的简单使用及通过session实现身份验证的方法

    session 不用多介绍,使一个http可以对应一个终端用户. session的本质使用cookie来实现. 原理大概是:http 带来服务端提前设置 cookie,服务端拿到标示用户身份的cookie, 再去固定地点(数据库,文件)检索出对应的用户身份.把身份赋值给本次请求的request,在程序处理中就知晓了用户的身份了.(在PHP,ASP或者其他服务端语言中都自动帮你实现了) 实现cookie 需要为每一个用户设置一个可以标示用户身份的cookie.可以使用如下规则 注册邮箱MD5值+密

  • NodeJS 实现手机短信验证模块阿里大于功能

    NodeJS 实现手机短信验证模块阿里大于功能

    1,NodeJS 安装阿里大于模块 切换到项目目录使用npm 安装阿里于模块 npm i node-alidayu --save 2,aliyu官网使用淘宝账户登录 登录阿里大于 https://doc.alidayu.com/doc2/index.htm 1登录后点击管理中心 2点击应用管理===>创建应用 3配置管理===>验证码====>里添加短信签名 4应用列表里===>操作一栏===>点击设置    记住 app   key 和 APP  sercret 5.后台代

随机推荐