node.js实现提交简单的form表单

最新推荐文章于 2021-08-07 17:12:00 发布

PHP学习与交流

最新推荐文章于 2021-08-07 17:12:00 发布

阅读量3.3k

点赞数

分类专栏： NODE.JS 文章标签： node.js 表单 io js

本文链接：https://blog.csdn.net/Zhao1234567890123456/article/details/38543959

版权

NODE.JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台，用来方便地搭建快速的易于扩展的网络应用。Node.js借助事件驱动，非阻塞I/O 模型变得轻量和高效，非常适合运行在分布式设备的数据密集型的实时应用（百度百科）。

简单参考互联网写了一个js提交form表单(get和post两种格式)到后台处理的程序。

js程序：

var httpserver = require("http");
var qs = require("querystring");    
var url = require("url");
var fs = require("fs");   //文件流

httpserver.createServer(onRequest).listen(8081);

function onRequest(request,response)
{
    var pathname = url.parse(request.url).pathname;
    if(pathname=="/")	//访问表单页面
    {
        response.writeHead(200,{"Content-Type":"text/html"});
        fs.readFile("index.html","utf-8",function(e,data){
            response.write(data);
            response.end();
        });
    }
    else if(pathname=="/postlogin")	//处理post方式请求,请求路径为postlogin
    {
        var a="";
        request.addListener("data",function(postdata){
            a+=postdata;	//接收到的表单数据字符串，这里可以用两种方法将UTF-8编码转换为中文
            var b = qs.parse(a);		//转换成json对象
            var c = decodeURIComponent(a);		//对表单数据进行解码
            console.log(a);
            console.log(b);
            console.log(c);
            a = c;
        });
        request.addListener("end",function(){
            response.writeHead(200,{"Content-Type":"text/plain; charset=utf-8"});
            response.write(a);
            response.end();
        });
    }
    else if(pathname=="/getlogin")	//处理get方式请求，请求路径为getlogin
    {
        var a = url.parse(request.url).query;
        var b = qs.parse(a);
        var c = decodeURIComponent(a);

        console.log(a);
        console.log(b);
        console.log(c);
        a = c;

        response.writeHead(200,{"Content-Type":"text/plain; charset=utf-8"});
        response.write(a);
        response.end();
    }
    else                              //如果路径不对，提示错误信息
    {
        response.writeHead(200,{"Content-Type":"text/plain"});
        response.write("error");
        response.end();
    }
}

调用的index.html的代码程序：

<!DOCTYPE html>
<html>
<head>
    <title>main</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="div1" style="width: 350px;">
    <form id="form1" method="post" action="postlogin" >
        <fieldset>
            <legend>表单1</legend>
            姓名:<input type="text" name="username" /><br />
            学历:<select name="education">
            <option value="中学">中学</option>
            <option value="大专">大专</option>
            <option value="本科">本科</option>
            <option value="硕士">硕士</option>
            <option value="博士">博士</option>
        </select><br />
            住址:<input type="text" name="address" />
            <input type="submit" value="提交" />
        </fieldset>
    </form>
</div>
</body>
</html>

最后：由于对node理解的不是太多，目前不做过多的评价，通过不断的学习，再慢慢分享自己学习的心得。

PHP学习与交流

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
node.js实现提交简单的form表单

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台，用来方便地搭建快速的易于扩展的网络应用。Node.js借助事件驱动，非阻塞I/O 模型变得轻量和高效，非常适合运行在分布式设备的数据密集型的实时应用（百度百科）。
复制链接

扫一扫

专栏目录