表单+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 = ; // 获取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端口