二十二、Node.js-get&post

太过爱你忘了你带给我的痛 2021-11-23 03:00 280阅读 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 条评论，280人围观）

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

相关阅读

相关二十二.wxs模块

wxs模块 > wxs(WeiXin Script) 是小程序的一套脚本语言, 结合WXML, 可以构建出页面的结构. 一.设计wxs语言的目的 1. 在wxm

小灰灰/ 2023年07月09日 02:22/ 0 赞/ 10 阅读

相关（二十二）：MLP-Mixer

文献阅读（二十二）：MLP-Mixer: An all-MLP Architecture for Vision 摘要 1 Introduction 2

以你之姓@/ 2023年01月21日 02:27/ 0 赞/ 15 阅读

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

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

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

相关第十二周任务二

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

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

相关二十二、HBase安全

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

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

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

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

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

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

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

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

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

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

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

相关处事二十二

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

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

相关 MySql（二十二）视图

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

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