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. Centos7 Cacti-0.8.8g安装及SNMP简介

    在官网可以看到关于cacti的下载说明http://www.cacti.net/download_cacti.php Download Cacti The latest stable version ...

  2. lsslot

    lsslot 命令 用途 显示动态可重新配置的插槽(比如热插拔)及其特性. 语法 lsslot -c ConnectorType [ -a | -o | -l DeviceName | -s Slot ...

  3. three.js 相关概念

    1.什么是three.js? Three.js 是一个 3D JavaScript 库.Three.js 封装了底层的图形接口,使得程序员能够在无需掌握繁冗的图形学知识的情况下,也能用简单的代码实现三 ...

  4. Ubuntu下配置L2TP

    发现PPTP已经不可用了,不知是不是又被墙了.只能尝试L2TP了. Ubuntu可视化配置界面network-manager默认是没有L2TP配置选项的,需要安装第三方插件软件: sudo apt-a ...

  5. MySQL之CAST与CONVERT 函数的用法

    两者具体的语法如下:CAST(value as type); CONVERT(value, type); 可以转换的类型是有限制的.这个类型可以是以下值其中的一个: 二进制,同带binary前缀的效果 ...

  6. [Leetcode][JAVA] Pascal's Triangle I, II

    Pascal's Triangle: Given numRows, generate the first numRows of Pascal's triangle. For example, give ...

  7. 今天在Mac机器上使用了Flex Builder编辑了一个源代码文件，保存后使用vim命令去打开时发现系统自动在每一行的结尾添加了^M符号，其实^M在Linux/Unix中是非常常见的，也就是我们在Win中见过的/r回车符号。由于编辑软件的编码问题，某些IDE的编辑器在编辑完文件之后会自动加上这个^M符号。看起来对我们的源代码没有任何影响，其实并不然，当我们把源代码文件Check In到svn之类

    今天在Mac机器上使用了Flex Builder编辑了一个源代码文件,保存后使用vim命令去打开时发现系统自动在每一行的结尾添加了^M符号,其实^M在Linux/Unix中是非常常见的,也就是我们在W ...

  8. CentOS下 pycharm开发环境搭建之无穷无尽的问题

    在上一篇的环境搭建中,表面上以为已经升级好python,安装好pycharm,并且可以用上了django框架,谁知道,谁知道,又是一断被虐的经历,我都要快恼羞成怒了. 在些记录一下我的经历. 1.首先 ...

  9. 配置SQL Server去使用 Windows的 Large-Page/Huge-Page allocations

    配置SQL Server去使用 Windows的 Large-Page/Huge-Page  allocations 目录表->页表->物理内存页 看这篇文章之前可以先看一下下面这篇文章 ...

  10. Fiddler：在PC和移动设备上抓取HTTPS数据包

    Fiddler是一个免费的Web调试代理,支持任何浏览器.系统以及平台.这个工具是进行Web和App网络开发的必备工具,戳此处下载. 根据Fiddler官网的描述,具有以下六大特点: Web调试 性能 ...