表单+node（实现前后端数据交互）

最新推荐文章于 2024-08-18 19:27:11 发布

strive涛

最新推荐文章于 2024-08-18 19:27:11 发布

阅读量1.8k

点赞数 1

分类专栏： node 文章标签： node

本文链接：https://blog.csdn.net/weixin_40402681/article/details/82624141

版权

node 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

表单+node（实现前后端数据交互）

前台：

<html>
    <head></head>
    <body>
        <form action="http://localhost:8080" method="get">
            <input type="text" name="name" placeholder="用户名">
            <input type="password" name="password" placeholder="密码">
            <input type="submit" value="提交">
        </form>

    </body>
</html>

node后台

const express = require('express') // 获取express模块

const serve = require('express-static') // 获取是他提出模块，这里用不到，主要是读文件用的

const server = express() // 创建一个服务器

var user = {
    'xiaoming':'1234',
    'xiaozhang':'5678',
    'xiaowang':'1357'
} // 创建虚拟的数据

server.get('',(req,res) => {
    // req.query是读取前台的表单中的所有数据
    var name = req.query.name; // 获取name
    var pass = req.query.password // 获取pass
    var i = 0
    var length = 0
    for (var val in user) {
        length++
    } // 计算json的长度
    for (key in user) {
        i++
        if (key == name) {
            if (user[key] == pass) {
                res.send({ok:true,msg:'登录成功'})
                return false
            } else {
                res.send({ok:false,msg:'密码错误'})
            }
        } 
        if (i == length) {
            res.send({ok:false,msg:'用户名不存在'})
        }
    }
}) // get 方式请求，验证信息是否争取

server.listen(8080) // 监听8080端口