脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → node.js → nodejs登陆验证

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>

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

您可能感兴趣的文章:

相关文章

  • Node.js创建一个Express服务的方法详解

    Node.js创建一个Express服务的方法详解

    这篇文章主要介绍了Node.js创建一个Express服务的方法,结合实例形式分析了node.js创建Express服务的具体步骤、实现方法及相关操作技巧,需要的朋友可以参考下
    2020-01-01
  • node.js中的buffer.toString方法使用说明

    node.js中的buffer.toString方法使用说明

    这篇文章主要介绍了node.js中的buffer.toString方法使用说明,本文介绍了buffer.toString的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • Node端异常捕获的实现方法

    Node端异常捕获的实现方法

    本文主要介绍了Node端异常捕获的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • nodejs实现简单的gulp打包

    nodejs实现简单的gulp打包

    因为之前一直有人给我推荐gulp，说他这里好哪里好的。实际上对我来说够用就行。grunt熟悉以后实际上他的配置也不难，说到效率的话确实是个问题，尤其项目大了以后，目前位置遇到的项目都还可以忍受。不过不管怎么说，需要亲自用过gulp之后才能品评他和grunt之间的优劣。
    2017-12-12
  • Node.js中的模块路径解析规则和子模块包

    Node.js中的模块路径解析规则和子模块包

    NodeJS特性如事件驱动、异步编程、无阻塞IO,这些特性为它带来了高效的性能和更少的代码,require函数支持斜杠（/）或盘符（C:）开头的绝对路径,也支持./开头的相对路径,为了便于管理和使用,我们可以把由多个子模块组成的大模块称做包,并把所有子模块放在同一个目录里
    2023-11-11
  • node 利用进程通信实现Cluster共享内存

    node 利用进程通信实现Cluster共享内存

    本篇文章主要介绍了node 利用进程通信实现Cluster共享内存，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Node.js 利用cheerio制作简单的网页爬虫示例

    Node.js 利用cheerio制作简单的网页爬虫示例

    本篇文章主要介绍了Node.js 利用cheerio制作简单的网页爬虫示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • node.js中的fs.appendFileSync方法使用说明

    node.js中的fs.appendFileSync方法使用说明

    这篇文章主要介绍了node.js中的fs.appendFileSync方法使用说明,本文介绍了fs.appendFileSync方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • node安装及环境变量配置详细教程

    node安装及环境变量配置详细教程

    在很多前端项目中都需要配置node的环境变量,下面这篇文章主要给大家介绍了关于node安装及环境变量配置的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • nodejs中密码加密处理操作详解

    nodejs中密码加密处理操作详解

    这篇文章主要介绍了nodejs中密码加密处理操作,结合实例形式分析了nodejs针对用户登陆密码的加密处理操作相关实现技巧与注意事项,需要的朋友可以参考下
    2018-03-03

最新评论