get:

前台代码：

<body>

<h1>登录</h1>

<form action="/dologin" method="get">

    账号<input type="text" name="username">

    密码<input type="text" name="password">

    <input type="submit" value="登录">

</form>

</body>

参数传递通过URL传值：

点击登录之后：

后台获取数据代码：

var http = require("http")

var url = require("url")

var ejs = require('ejs')

http.createServer(function (req, res) {

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

    var allUrl = req.url;

    var parseUrl = url.parse(allUrl,true);

    var path = parseUrl.pathname;

    if (path == "/login") {//显示登录页面

        ejs.renderFile("views/loginPage.ejs",{},function (err,data) {

            res.end(data)

        })

    } else if (path == "/dologin") {//执行登录操作

        //后台获取前台get传值数据

        console.log(parseUrl.query);//{ username: '111', password: '222' }

        res.end("dologin")

    } else  {//显示index页面

        ejs.renderFile("views/index.ejs",{},function (err,data) {

            res.end(data)

        })

    }

}).listen(8000)

post：

前台代码：

<h1>登录</h1>

<form action="/dologin" method="post">

    账号<input type="text" name="username">

    密码<input type="text" name="password">

    <input type="submit" value="登录">

</form>

点击登录之后url里面没有传值：而是在头文件里面传值

后台获取数据代码：

var http = require("http")

var url = require("url")

var ejs = require('ejs')

http.createServer(function (req, res) {

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

    var allUrl = req.url;

    var parseUrl = url.parse(allUrl,true);

    var path = parseUrl.pathname;

    //获取前台的传值方式get还是post

    var method=req.method.toLowerCase();

    console.log(method);

    if (path == "/login") {//显示登录页面

        ejs.renderFile("views/loginPage.ejs",{},function (err,data) {

            res.end(data)

        })

    } else if (path == "/dologin"&&method=='get') {//执行登录操作

        //后台获取前台get传值数据

        console.log(parseUrl.query);//{ username: '111', password: '222' }

        res.end("dologin")

    } else if (path == "/dologin"&&method=='post') {//执行登录操作

        //后台获取前台post传值数据

        var  postStr='';

        req.on("data",function (chunk) {//注意这里回调函数只写一个参数

            postStr+=chunk;

        })

        req.on("end",function (err,chunk) {

            console.log(postStr);//username=111&password=222

            //后台向前台输出js逻辑：

            res.end("<script>alert('登录成功！');history.back()</script>")

        })

    } else  {//显示index页面

        ejs.renderFile("views/index.ejs",{},function (err,data) {

            res.end(data)

        })

    }

}).listen(8000)

二十二、Node.js-get&post的更多相关文章

  1. Bootstrap入门（二十九）JS插件6：弹出框

    Bootstrap入门(二十九)JS插件6:弹出框 加入小覆盖的内容,像在iPad上,用于存放非主要信息 弹出框是依赖于工具提示插件的,那它也和工具提示是一样的,是需要初始化才能够使用的 首先我们引入 ...

  2. Bootstrap入门（二十八）JS插件5：工具提醒

    Bootstrap入门(二十八)JS插件5:工具提醒 工具提示在使用过程中比较常见,但是实现起来有些麻烦,而bootstrap则很好地解决了这个问题. 我们来写一个简单的实例 先引入CSS文件和JS文 ...

  3. Bootstrap入门（二十五）JS插件2：过渡效果

    Bootstrap入门(二十五)JS插件2:过渡效果 对于简单的过渡效果,只需将 transition.js 和其它 JS 文件一起引入即可.如果你使用的是编译(或压缩)版的bootstrap.js  ...

  4. Web 前端开发精华文章推荐（HTML5、CSS3、jQuery）【系列二十二】

    <Web 前端开发精华文章推荐>2014年第一期(总第二十二期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML ...

  5. Bootstrap <基础二十二>超大屏幕（Jumbotron）

    Bootstrap 支持的另一个特性,超大屏幕(Jumbotron).顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin).使用超大屏幕(Jumbotron)的步骤如下: ...

  6. WCF技术剖析之二十二: 深入剖析WCF底层异常处理框架实现原理[中篇]

    原文:WCF技术剖析之二十二: 深入剖析WCF底层异常处理框架实现原理[中篇] 在[上篇]中,我们分别站在消息交换和编程的角度介绍了SOAP Fault和FaultException异常.在服务执行过 ...

  7. 微信小程序把玩（二十二）action-sheet组件

    原文:微信小程序把玩(二十二)action-sheet组件 action-sheet组件是从底部弹出可选菜单项,估计也是借鉴IOS的设计添加的,action-sheet有两个子组件, action-s ...

  8. [分享] IT天空的二十二条军规

    Una 发表于 2014-9-19 20:25:06 https://www.itsk.com/thread-335975-1-1.html IT天空的二十二条军规 第一条.你不是什么都会,也不是什么 ...

  9. 二十二、OGNL的一些其他操作

    二十二.OGNL的一些其他操作 投影 ?判断满足条件 动作类代码: ^ $   public class Demo2Action extends ActionSupport {     public ...

  10. VMware vSphere 服务器虚拟化之二十二桌面虚拟化之创建View Composer链接克隆的虚拟桌面池

    VMware vSphere 服务器虚拟化之二十二桌面虚拟化之创建View Composer链接克隆的虚拟桌面池 在上一节我们创建了完整克隆的自动专有桌面池,在创建过程比较缓慢,这次我们将学习创建Vi ...

随机推荐

  1. SPI子系统分析之二:数据结构

    内核版本:3.9.5 spi_master struct spi_master用来描述一个SPI主控制器,我们一般不需要自己编写spi控制器驱动. /*结构体master代表一个SPI接口,或者叫一个 ...

  2. java web 读取配置文件两种方法

    package com.tsinghua.getDataBaseConn; import java.io.IOException;import java.io.InputStream;import j ...

  3. Unity iOS 项目的一种性能评测方法

    [Unity iOS 项目的一种性能评测方法]

  4. SQL的3个主要组成

    SQL语言包含3个部分:数据定义语言(DDL),数据操作语言(DML),数据控制语言(DCL) 数据定义语言(DDL) 数据定义语言用于定义和管理对象,例如数据库.数据表及视图等.典型代表有CREAT ...

  5. 10 华电内部文档搜索系统 search01

    Lucene解决搜索问题.ibatis实现存放问题,就是解决持久化问题.Struts 2做页面显示,就是实现业务层对应的功能. Spring与ibatis结合, 添加Spring支持 右击项目名s2i ...

  6. 【LA3126 训练指南】出租车 【DAG最小路径覆盖】

    题意 你在一座城市里负责一个大型活动的接待工作.明天将有m位客人从城市的不同的位置出发,到达他们各自的目的地.已知每个人的出发时间,出发地点和目的地.你的任务是用尽量少的出租车送他们,使得每次出租车接 ...

  7. 14-python登入教务网(python+bs4)

    用request先得到到session对象,用其去放送请求,会自动保存cookie. 模拟有验证码的登入步骤: 1.发送请求登入页面: 2.分析验证码的地址,以及要将登入请求发往的地址(可以先输入错的 ...

  8. 面向对象的JavaScript-009-闭包

    引自:https://developer.mozilla.org/cn/docs/Web/JavaScript/Closures 闭包是指能够访问自由变量的函数 (变量在本地使用,但在闭包中定义).换 ...

  9. python中fork()函数生成子进程分析-乾颐堂

    python的os module中有fork()函数用于生成子进程,生成的子进程是父进程的镜像,但是它们有各自的地址空间,子进程复制一份父进程内存给自己,两个进程之 间的执行是相互独立的,其执行顺序可 ...

  10. Auto Encoder

    对自编码器的理解: 对于给定的原始输入x,让网络自动找到一种编码方式(特征提取,原始数据的另一种表达),使其解码后的输出x'尽可能复现原始输入x. 知乎参考:https://www.zhihu.com ...