二十二、Node.js-get&post

太过爱你忘了你带给我的痛 2021-11-23 03:00 252阅读 0赞

## 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传值：

![1242944-20190426090803605-648451648.png][]

点击登录之后：

![1242944-20190426090904560-575469209.png][]

后台获取数据代码：

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里面没有传值：而是在头文件里面传值

![1242944-20190426091333130-262155564.png][]

后台获取数据代码：

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)

转载于:https://www.cnblogs.com/luzhanshi/p/10772616.html

[1242944-20190426090803605-648451648.png]: /images/20211122/311070066bc54cc8aefc9d3e2e7f5834.png
[1242944-20190426090904560-575469209.png]: /images/20211122/d1975dd73d104daa981d76583783b105.png
[1242944-20190426091333130-262155564.png]: /images/20211122/e2d712f1b47547eaa40ac707ec8e23ec.png

发表评论取消回复

表情：

评论列表（有 0 条评论，252人围观）

还没有评论，来说两句吧...

相关阅读

相关二十二、图文混合排版

我们在APP上看的帖子，有文字又有图片，经过我个人分析，应该就是通过图文混合排版实现的，主要用到的类就是SpannableStringBuilder。在帖子中显示的图片，保

太过爱你忘了你带给我的痛/ 2022年07月17日 03:21/ 0 赞/ 141 阅读

相关第十二周任务二

/ (程序头部注释开始) 程序的版权和版本声明部分 Copyright (c) 2012, 烟台大学计算机学院学生 All rig

一时失言乱红尘/ 2022年06月12日 06:08/ 0 赞/ 213 阅读

相关 JS（二十二）DataTables使用

Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。免费开源（ MIT license ）！支持商业用途。中文

阳光穿透心脏的1/2处/ 2022年06月07日 10:23/ 0 赞/ 169 阅读

相关二十二、HBase安全

我们可以授予和撤销HBase用户的权限。也有出于安全目的，三个命令：grant, revoke 和 user\_permission.。 grant grant命令授予

冷不防/ 2022年05月19日 09:51/ 0 赞/ 166 阅读

相关 Springboot（二十二）Event事件

springboot在整个程序启动过程中，有下面几个事件，我们需要了解每个事件的位置，以便切入自己的逻辑，他们的顺序如下，我还没有做具体测试，先在博客上记录下，暂时根据意思，也

浅浅的花香味﹌/ 2022年05月10日 04:48/ 0 赞/ 166 阅读

相关第二十二章：动画（十二）

永远的动画在入口动画的相反极端是永远的动画。应用程序可以实现“永远”或至少在程序结束之前进行的动画。这种动画的唯一目的通常是展示动画系统的功能，但最好是以令人愉快或有

浅浅的花香味﹌/ 2022年02月14日 16:19/ 0 赞/ 203 阅读

相关第二十二章：动画（二）

探索基本动画让我们来看一个名为AnimationTryout的小程序。 XAML文件只包含一个居中的按钮： <ContentPage xmlns="http:

我就是我/ 2022年02月14日 14:19/ 0 赞/ 211 阅读

相关第二十二章：动画（二十一）

使用AnimationExtensions 为什么ViewExtensions不包含ColorTo动画？这种方法没有你最初假设的那么明显有三个可能的原因：首先，Vi

妖狐艹你老母/ 2022年02月14日 13:58/ 0 赞/ 240 阅读

相关处事二十二

1.看穿但不说穿。很多事情，只要自己心里有数就好了，没必要说出来。 2.高兴，就笑，让大家都知道。悲伤，就假装什么也没发生 3.在不违背原则的情况下 ,对别人要宽容 ,能帮

叁歲伎倆/ 2022年01月05日 17:53/ 0 赞/ 218 阅读

相关 MySql（二十二）视图

文章目录视图视图的创建视图的修改删除视图查看视图视图的更新视图含义： > 1. 视

逃离我推掉我的手/ 2021年12月17日 11:21/ 0 赞/ 274 阅读