Nodejs 入门 - 提交表单(POST)

红太狼 2022-03-17 05:56 552阅读 0赞

本文演示一个demo，前端填写表单，提交到服务器。

### 1.前端 ###

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <form action="http://127.0.0.1:3000/Resources" method="POST">
        <p>
            姓名：<input type="text" name = "name"/>
        </p>
        <p>
            年龄：<input type="text" name = "age"/>
        </p>
        <p>
            性别: <input type="radio" name = "sex" value="男"/>男
                  <input type="radio" name = "sex" value="女"/>女
        </p> 
        <p>
            <input type="submit"/>
        </p> 
        </form>
    </body>
    </html>

### 2.服务器端 ###

var http = require("http");
    var url = require("url");
    var querystring = require("querystring");
    
    var server = http.createServer(function(req, res){
       if(req.url == "/Resources" && req.method == "POST"){
            var postData = "";
            req.addListener("data", function(chunk)
            {
                postData += chunk;        
            });
    
            req.addListener("end",function(){
                var str = postData.toString();
                var queryObj = querystring.parse(str);
                var name = queryObj.name;
                var age = queryObj.age;
                var sex = queryObj.sex;       
                res.end("result: " + name + " " + age + " " + sex);    
            });
       }
    });
     
    server.listen(3000,"127.0.0.1");

### 3.执行结果 ###

![2019022216590594.png][]

[2019022216590594.png]: /images/20220317/a7e5a76c001e4a31846917cf1c6af67c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，552人围观）

还没有评论，来说两句吧...

相关阅读

相关 C#模拟POST表单提交 --- WebClient

WebClient：[http://msdn.microsoft.com/zh-cn/library/system.net.webclient(v=VS.80).aspx][h

妖狐艹你老母/ 2023年10月17日 20:22/ 0 赞/ 57 阅读

相关 GET和POST提交并接收表单

区别 get请求最大url长度是2048字符，post无限制。 get可以被收藏为书签，post不行。 get能被缓存，post

迷南。/ 2023年06月20日 06:10/ 0 赞/ 166 阅读

相关模拟html post表单提交

设置好表单账号密码，然后访问指定地址。成功后跳转到首页 html 打开自动提交  <!DOCTYPE html>

古城微笑少年丶/ 2022年11月04日 12:27/ 0 赞/ 154 阅读

相关 PHP curl post提交表单

PHP中curl是一个很常用的函数，网站抓取，接口对接等都会用到这个函数:简单做过代码测试： <?php //这2种方式我试了都是可以的

缺乏、安全感/ 2022年08月09日 00:48/ 0 赞/ 188 阅读

相关【javaee：jsp表单post提交】表单如果是post提交，后面不要带参数！！！规范！

首先要明白，在表单提交中，若用post提交是提交的表单里面的内容，原则上提交的url后是不能带参数的（带参数那不就是get提交方式了吗），虽然很多情况下后台依然能够接受到数据，

曾经终败给现在/ 2022年05月29日 07:48/ 0 赞/ 108 阅读

相关使用post方式导出Excel——表单提交方式

一般情况下，我们通过ajax获取数据都是采用get方式获取，但如果ajax的请求url过长时，get方式由于浏览器对url长度不同会导致无法正常获取数据，尤其是IE。这时候

╰半橙微兮°/ 2022年05月21日 03:05/ 0 赞/ 714 阅读

相关表单提交方式get和post的区别

get参数通过url传递，post放在request body中。 get请求在url中传递的参数是有长度限制的（2KB），而post没有。 get

快来打我*/ 2022年05月18日 04:29/ 0 赞/ 228 阅读

相关 Nodejs 入门 - 提交表单(GET)

本文演示一个demo，前端填写表单，提交到服务器。 1.前端 <!DOCTYPE html> <html lang="en"> <hea

爱被打了一巴掌/ 2022年04月23日 11:32/ 0 赞/ 164 阅读

相关使用post提交表单的爬虫小程序

本文针对复杂数据网站进行数据爬取测试，本文使用的爬虫工具是psotman，通过postman来模拟和尝试生成post连接，以找出爬虫URL的准确形式，最后将代码整合后形成完整的

- 日理万妓/ 2022年04月10日 05:13/ 0 赞/ 377 阅读

相关 Nodejs 入门 - 提交表单(POST)

本文演示一个demo，前端填写表单，提交到服务器。 1.前端 <!DOCTYPE html> <html lang="en"> <head>

红太狼/ 2022年03月17日 05:56/ 0 赞/ 553 阅读