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. python工具的安装

    下载: python安装包:python-2.7.3.msi pywin32-218.win32-py2.7.exe setuptools安装包:setuptools-0.6c11.win32-py2 ...

  2. C++通过模板实现多态

    #include <iostream> using namespace std; template<typename T> class Phone { public: void ...

  3. [Leetcode][JAVA] Populating Next Right Pointers in Each Node II

    Follow up for problem "Populating Next Right Pointers in Each Node". What if the given tre ...

  4. Modifiers: virtual, override, new, abstract, sealed, internal

    internal 声明类.类成员.接口或接口成员具有内部可见性. internal 修饰符使类.接口或成员仅在当前包中可见. 当前包之外的代码不能访问 internal 成员.只有在同一程序集的文件中 ...

  5. php笔试题（1）--转载

    一份不错的php面试题,附答案,有准备换工作的同学可以参考一下.一.基础题1. 写出如下程序的输出结果 <?php     $str1 = null;     $str2 = false;    ...

  6. 技术文档--svn

    1.什么是版本控制,说出常见的版本控制系统及其区别版本控制它是一种软件工程籍以在开发的过程中,确保由不同人所编辑的同一档案都得到更新,它透过文档控制记录程序各个模块的改动,并为每次改动编上序号,并且编 ...

  7. PHP类与继承

    <?php class Person { private $name; private $age; function __construct($name,$age){ $this->nam ...

  8. SQLSERVER拯救某个时间点被误删除的数据

    SQLSERVER拯救某个时间点被误删除的数据 转载自:http://blog.csdn.net/dba_huangzj/article/details/8491327 要拯救某个时间点被误删除的数据 ...

  9. 配置ubuntu 16.04.1 LTS odoo 10.0开发环境

    使用VMware Fusion 8.5.0创建ubuntu 64bit虚拟机:使用ubuntu-16.04.1-desktop-amd64.iso镜像缺省安装ubuntu,用户名odoo,密码1234 ...

  10. 鸟瞰Nodejs

    一,基础. 1,Node的包管理器:npm; 安装node环境时会自动安装. 本地模式获取一个包:npm install [package_name] 此时包被安装到当前木的node_modules子 ...