Node.js 做一个表单提交的demo

jimjiayu

于 2017-03-03 16:45:22 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Node.js

本文链接：https://blog.youkuaiyun.com/zhongshijun521/article/details/60142494

Node.js 专栏收录该内容

9 篇文章

订阅专栏

本文展示了一个使用HTML和Node.js实现的简单表单GET提交示例，包括前端表单填写页面与后端数据接收处理过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接收表单get提交的上来的name,sex，age

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="http://127.0.0.1:3000/" method="get">
        姓名：<input type="text" name="name"><br>
        年纪：<input type="text" name="age"><br>
        <input type="radio" name="sex" value="男">男
        <input type="radio" name="sex" value="女">女
        <input type="submit" value="提交">
    </form> 
</body>
</html>

接收URL地址，对URL地址进行处理的form.js

var http = require("http");
var url = require("url");
var server = http.createServer(function(req,res){
    //得到查询部分，由于参数是true,得到的query是一个对象
    var queryObj = url.parse(req.url,true).query;
    var name = queryObj.name;
    var sex = queryObj.sex;
    var age = queryObj.age;
    res.end("服务器收到了表单请求"+name +sex+age);
});
server.listen(3000,"127.0.0.1");