Nodejs 入门 - 提交表单(GET)

本文介绍了一个简单的表单提交示例,包括前端HTML表单的创建和服务器端的处理过程,展示了如何通过GET方法将表单数据发送至服务器并接收。

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

    本文演示一个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.执行结果

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值