nodejs服务器基础,一个简单的表单提交。「504」

(35) 2023-10-21 11:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说nodejs服务器基础,一个简单的表单提交。「504」,希望能够帮助你!!!。

  • 这里的表单提交是用GET的简单提交,不涉及数据库操作,只是让大家了解表单的简单提交过程。更多文章请关注我的头条号。
nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第1张

一、开始吧,我们做两个文件,一个是有表单的网页index.html,另一个就是服务器文件app.js了。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第2张

二、我们先做index.html的表单吧。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第3张

三、即然是要提交的表单,加个form,把表单提交到本地的3000端口。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第4张

四、我们试试看,如下动图,如果看见地址栏跳到127.0.0.1并且后面跟着提交信息,那这张index.html网页就算完成了。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第5张

五、接下来我们应该做服务器文件app.js了。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第6张

六、给服务器添加请求和响应函数,然后命令行挂起服务器。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第7张

服务器挂起前,一定要命令行先进入到app.js所以目录,基础的东西,我就不多说了。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第8张

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第9张

七、提交是提交成功了,并响应返回内容了,但却是乱码,那是因为返回的是中文,没设置好响应头,怎么会不乱呢。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第10张

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第11张

八、还是乱的,我们要用url来处理这个问题了。url.pause就是取得/?后面内容的。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第12张

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第13张

九、我们做一个完整的演示吧。

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第14张

nodejs服务器基础,一个简单的表单提交。「504」_https://bianchenghao6.com/blog__第15张


var http = require("http");
// 引包http
var url = require("url");
//引用url
var server = http.createServer(function (req,res) {
 res.writeHead(200,{'Content-Type':'text/plain;charset=UTF-8'});
 // 写个文本响应头
 var urlobj = url.parse(req.url,true).query;
 // 这里是取得对象{name:"XXX",getid:"XXX"}
 res.end("您提交了,姓名:"+urlobj.name + " 身份:" + urlobj.getid);
 // 结束响应
}).listen(3000,"127.0.0.1");
// 启动服务器,监听本地3000端口

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

上一篇

已是最后文章

下一篇

已是最新文章

发表回复