NodeJs学习笔记（三）demo：小型表单提交

最新推荐文章于 2024-10-20 20:56:38 发布

原创最新推荐文章于 2024-10-20 20:56:38 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#nodejs

本文介绍如何使用NodeJS创建一个简单的HTTP服务器，该服务器能够接收并响应来自HTML表单的数据提交，同时根据URL路由判断内容，实现学生和教师信息的查询功能。

本地写一个信息表单：
form.html

    <form action="http://192.168.124.170:3000" method="Get">
        <input type="radio" name="sex" value="女">女
        <input type="radio" name="sex" value="男">男
        <input type="text" name="name" placeholder="请输入姓名">
        <input type="text" name="age" placeholder="请输入年龄">
        <input type="submit" value="提交">
    </form>

nodejs搭建服务器

var http=require("http");
var url=require("url");

var server=http.createServer(function(req,res){
    res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"})
    //一定要写头部，否则接收到的会是乱码
    var query=url.parse(req.url,true).query;
    var sex=query.sex;
    var name=query.name;
    var age=query.age;
    res.end("表单请求已收到："+"姓名："+name+" 性别："+sex+" 年龄:"+age)
})
server.listen(3000,"192.168.124.170")

用本地打开form.html,填好信息后点击提交，跳转到nodejs搭建的服务器上。
在这里插入图片描述

根据url路由判断内容
如果输入的url：/student/01234567
弹出“您查找的学生信息为：01234567”，
若数字不够8位则
“您输入的学号有误”

如果输入的url：/teacher/012345
弹出“您查找的学生信息为：012345”，
若数字不够6位则
“您输入的学号有误”

否则弹出：“您输入的url有误”

var http=require("http");
var url=require("url");

var server=http.createServer(function(req,res){
    res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
    var content=req.url.substr(0,9);
    if(content=="/student/"){
        if(/^\d{8}$/.test(req.url.substr(9))){
            res.end("您查找的学生信息为:"+req.url.substr(9))
        }else{
            res.end("您输入的学号有误")
        }
    }else if(content=="/teacher/"){
        if(/^\d{6}$/.test(req.url.substr(9))){
            res.end("您查找的教师信息为:"+req.url.substr(9))
        }else{
            res.end("您输入的工号有误")
        }
    }
    else{
        res.end("您输入信息有误")
    }
})
server.listen(3000,"192.168.124.170")

在这里插入图片描述