Nodejs 入门 - 提交表单(GET)

爱被打了一巴掌 2022-04-23 11:32 159阅读 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/" method="GET">
        <input type="text" name = "name"/>
        <input type="text" name = "age"/>
        <input type="text" name = "sex"/>
        <input type="submit"/>
        </form>
    </body>
    </html>

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

var http = require("http");
    var url = require("url");
    
    var server = http.createServer(function(req, res){
       var queryObj = url.parse(req.url, true).query;
       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.执行结果 ###

填写表单后，点击提交，服务器就能收到表单的内容。

![20190214131726374.png][]

[20190214131726374.png]: /images/20220320/4a4eb3aa444f40968aa2079dc166db94.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 html禁止form表单提交表单提交,onsubmit阻止表单提交

在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。 Bootstrap 实例 - 提交表单验证 //---> function checksubm

骑猪看日落/ 2022年10月07日 11:57/ 0 赞/ 358 阅读

相关 get提交表单乱码原因

在tomcat5.0后，GET和POST方法提交的信息，Tomcat采用了不同的方式来处理编码，对于POST请求，Tomcat会仍然使用request.setCharacter

清疚/ 2022年08月24日 06:07/ 0 赞/ 123 阅读

相关表单get提交乱码问题

今天在处理网站搜索功能的时候发现表单get提交之后数据传到后台总是会出现乱码，以下列出一些可以解决乱码问题的方法： 1、添加过滤器，在web.xml中对字符集进行过滤，这个

拼搏现实的明天。/ 2022年08月09日 03:19/ 0 赞/ 127 阅读

相关表单的提交方式POST和GET的区别

具体区别是: 1、服务器端获取数据的方式不同。 post方式传递的数据，必须用request.form("")获取。 get方式传递的数据，必须用request.quer

不念不忘少年蓝@/ 2022年05月26日 08:30/ 0 赞/ 171 阅读

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

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

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

相关表单提交GET方法遇到的问题

今天遇到一个表单提交的问题，用的是form的method='get'方法，但是很奇怪的是在submit后，url的路径不是期望的：提交的

冷不防/ 2022年05月08日 07:22/ 0 赞/ 260 阅读

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

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

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

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

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

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

相关表单提交

form表单提交可以使用以下两种方式 1. input <input class="btn btn-main" type="submit" placeholder

太过爱你忘了你带给我的痛/ 2021年09月28日 22:34/ 0 赞/ 471 阅读