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. js抽奖

    http://www.aichengxu.com/view/64369 <!Doctype html><html><head><meta http-equiv ...

  2. SQL分页查询结果不一致

    今天遇到了SQL分页查询结果不一致的情况,一看代码,原来是没加排序查询!!分页查询最好加排序,且以唯一性高的字段进行排序,如ID,时间等,以保持每页查询结果的准确! PS:又帮别人擦屁股!!

  3. homework 15 2016 6 2 模板

    #include<iostream>#include<cmath>#include<cstdio> using namespace std; template &l ...

  4. linux运维的认知及RHEL7 Unix/Linux 系统 介绍和安装

    如何成为一个优秀的linux运维人员?      如果你有机会和条件:环境能够磨练一个人的能力和意志.      大胆的做你从未做过的项目,每一个项目都是对自身的极大提升.      有好的环境资源不 ...

  5. EF 实践

    一.CodeFirst 1.新建MVCEFManger(业务层)项目 在该项目下引入entityframework 安装包(用来生成数据库或者实体) PM> install-package en ...

  6. JS-定时器管理实例

    /** * Created by 12461 on 2016/11/6. */window.onload = function () { var oBtn1 = document.getElement ...

  7. Hive安装与部署集成mysql

    前提条件: 1.一台配置好hadoop环境的虚拟机.hadoop环境搭建教程:稍后补充 2.存在hadoop账户.不存在的可以新建hadoop账户安装配置hadoop. 安装教程: 一.Mysql安装 ...

  8. border-radius(边框半径)

    可以使用像素来指定border-radius的属性值使角变圆 除了像素,你还可以使用百分比来指定border-radius边框半径的值

  9. 基于ticket的rw锁

    代码: wiredtiger-2.8.0/src/os_posix/os_mtx_rw.c rw锁结构 struct { uint16_t writers; // Now serving for wr ...

  10. Model层数据验证

    问题1:View层如何向Controller的Action传递Model数据?在View中,可以使用Form表单进行模型数据的提交,同样的,我们需要关联提交数据的类型,则需要在View中使用@mode ...