nodejs作为一门后端语言，接触的最多的是它的框架，但是它本身的api我觉得更是非学不可，所有才有了这篇文章

表单提交是最基本的也是最实用的入门实例

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 name="hide" disabled="disabled" value="111" />

            <input type="submit" value="提交" />

        </fieldset>

    </form>

</div>

</body>

</html>

server端：

var httpserver = require("http");

var qs = require("querystring");

var url = require("url");

var fs = require("fs");

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

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方式请求

    {

        var urlstr="";

        request.addListener("data",function(postdata){

            urlstr+=postdata;    //接收到的表单数据字符串，这里可以用两种方法将UTF-8编码转换为中文

            var jsondata = qs.parse(urlstr);        //转换成json对象

            var decodedata = decodeURIComponent(urlstr);        //对表单数据进行解码

            console.log(urlstr);

            console.log(jsondata);

            console.log(decodedata);

            urlstr = decodedata;

        });

        request.addListener("end",function(){

            response.writeHead(200,{"Content-Type":"text/plain; charset=utf-8"});

            response.write(urlstr);

            response.end();

        });

    }

    else if(pathname=="/getlogin")    //处理get方式请求

    {

        var urlstr = url.parse(request.url).query;

        var jsondata = qs.parse(urlstr);

        var decodedata = decodeURIComponent(urlstr);

        console.log(urlstr);

        console.log(jsondata);

        console.log(decodedata);

        urlstr = decodedata;

        response.writeHead(200,{"Content-Type":"text/plain; charset=utf-8"});

        response.write(urlstr);

        response.end();

    }

    else

    {

        response.writeHead(200,{"Content-Type":"text/plain"});

        response.write("error");

        response.end();

    }

}

知识点：

1.node创建一个简单的服务器

2.fs读取文件模块

3.url模块

4.解析url的querystring模块

有兴趣的可以参看api这里就不一一细说了

nodejs学习之表单提交(1)的更多相关文章

  1. JavaWeb学习日记----表单提交方式

    1.表单提交方式 (1) 使用input控件中的submit提交 代码如下: <!DOCTYPE html> <html lang="en"> <he ...

  2. nodejs formidable混合表单提交

    废话不多说,直接上代码: 前端页面: <!DOCTYPE html><html><head><link rel=’stylesheet’ href=’/sty ...

  3. 关于form表单提交ajaxForm和ajaxSubmit的用法与区别

    前几天在学习form表单提交时看到这两种方法,这两种方法都是实现form的ajax提交的方法,看了很多资料还是不太明白其用法和区别,最后直接自己写demo,很快就理解,所以说实操是学习的最快捷直接的途 ...

  4. php课程 4-15 数组遍历、超全局数组、表单提交数据（多看学习视频）

    php课程 4-15  数组遍历.超全局数组.表单提交数据(多看学习视频) 一.总结 一句话总结:超全局数组特别有用,比如$_SERVER可以获取所有的客户端访问服务器的情况. 1.数组遍历三种方式( ...

  5. [学习笔记]--Jfinal 表单提交附件

    近期.项目里面用到了Jfinal 里面的上传附件. Jfinal 的Controller 里面提供了一个 getFile系列方法提供文件上传. 我这里呢,是文件上传和表单參数一起提交. 页面类似下图: ...

  6. 20151223jquery学习笔记--Ajax表单提交

    传统的表单提交, 需要多次跳转页面, 极大的消耗资源也缺乏良好的用户体验. 而这款form.js 表单的 Ajax 提交插件将解决这个问题.一． 核心方法官方网站: http://malsup.com ...

  7. Javascript高级编程学习笔记（74）—— 表单（2）表单提交及重置

    表单提交 表单的很大一部分作用就是帮助用户完成和服务器的交互 所以表单提交是表单中比较重要的部分 虽然现如今的大部分应用场景都使用 AJAX 的异步请求来代替表单,但是仍有部分操作需要使用表单来完成, ...

  8. golang-web框架revel一个表单提交的总结

    这里要介绍好是revel框架的表单post提交的列子,主要是用于入门学习,和一些知识点的讲解: 首先: 来了解一个问题那就是重复提交表单,做过form表单提交的同学都知道,如果表单提交后不做处理,那么 ...

  9. [转]django自定义表单提交

    原文网址:http://www.cnblogs.com/retop/p/4677148.html 注:本人使用的Django1.8.3版本进行测试 除了使用Django内置表单,有时往往我们需要自定义 ...

随机推荐

  1. C# HttpHelper 采集

    httphelper http://www.sufeinet.com/thread-6-1-1.html

  2. IOS开发 程序关闭状态接通知

  3. MySQL报错“1366 - Incorrect integer value: '' XXXXXXX' at row 1 ”

    出现这个错误是因为我在表中插入了一条含有中文字符的语句: 修改方法:(两种) 1:命令行  set names gbk:(此为设置通信编码) 2:my.ini中查找sql-mode 将 sql-mod ...

  4. window 2003 配置FTP +防火墙设置

    2保险的做法是 不允许匿名登录,吧钩去掉 后面我们会添加一个用户,并且赋予权限 3 主目录 可以设置时当前计算机目录或者是另一台计算机目录(映射) FTP站点目录:浏览定位FTP文件所在站点,给予是否 ...

  5. ios 上架需要注意的问题

    前段时间上架产品的时候,因为定位提示问题被拒绝了,而且集成了融云及时聊天的key,没有从测试环境升级到生产环境,所以记录一下APP上架所需要注意的事项. 1.程序没有崩溃性BUG 2.程序不存在逻辑性 ...

  6. <雨季>

    忘不了节后漫长的雨季,灰暗阴冷的天气,潮湿的心情,总让我怀念家乡刺眼的阳光,即使在寒冷的冬季,唯有那窗外的紫荆花独自开放.飘落满地,给灰色的世界增添点色彩,合着同学们上早课的笑声,暂时排遣那一份思乡情 ...

  7. css3的学习笔记1

    一.   边框 1.  border-color border-color是设置边框的颜色.包括border-top-color,border-left-color,border-right-colo ...

  8. javascript中闭包的概念

    这个是每个前端工程师绕不开的一个问题,网上各种资料很多,整个春节,我仔细研读了红皮经典中关于这一块的注释,加深了对这一块的理解. 有好几个概念需要重申一下.以下都是我的理解: 1. 闭包是javasc ...

  9. javaweb-url /

    /一直搞得不清不楚 有时候不用加有时加了也行,有时必须加 转发自XXX论坛 推荐使用 <% String path = request.getContextPath(); String base ...

  10. javaWeb-mvc之利用c3p0写入数据库出现乱码

    在使用c3p0向数据库中写入中文数据时出现乱码,于是我采用了和properties中配置url一样 url=jdbc:mysql://localhost:3306/student?Unicode=tr ...