广告

扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > html >nodejs中的get/post请求方法是什么
  • 294

0
分享到

nodejs中的get/post请求方法是什么

2024-04-02 19:04:59 294人浏览 八月长安
摘要

这篇文章主要介绍“nodejs中的get/post请求方法是什么”，在日常操作中，相信很多人在nodejs中的get/post请求方法是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望

这篇文章主要介绍“nodejs中的get/post请求方法是什么”，在日常操作中，相信很多人在nodejs中的get/post请求方法是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”nodejs中的get/post请求方法是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

nodejs中的get/post请求方法是什么

一、node热重启

1.安装

npm i nodemon

2.运行启动

nodemon .bin/www

二、关于get请求

一般在网站开发中，get都用作数据获取和查询，类似于数据库中的查询操作，当服务器解析前台资源后即传输相应内容；而查询字符串是在URL上进行的，形如：

Http://localhost:8080/login?Goods1=0001&goods2=0002

获取前台get请求

通过req.query可以获得用户发送的get请求，之后通过node操作将相应数据返回给用户。

如果发送的是：

http://localhost:8080/login?goods1=0001&goods2=0002

响应的话则通过：

req.query

他会获取到全部数据，或

req.query.goods1
req.query.goods2

来单独或去每一个数据。总之不同的需求对应不同的业务，大家按自己的需要来获取；

实例

下面通过一个实例来对获取get参数进行一个总结：

html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <fORM action="http://localhost:8080/login" method="get">
            用户：
            <input type="text" name="user" id="user" placeholder="用户名"/>
            <br>
            密码：
            <input type="passWord" name="password" id="password" placeholder="密码"/>
            <br>
            <input type="submit" value="提交"/>
        </form>
    </body>
</html>

node:

const express = require("express");
var app = express();

app.get("/",function(req,res){
    res.send("主页");
});

app.get("/login",function(req,res){
    console.log(req.query);
    res.send("登录路由，user为："+req.query.user+"==>   password为："+req.query.password);
});

app.listen(8080);

三、关于POST请求

post方法作为http请求很重要的一部分，几乎所有的网站都有用到它，与get不同，post请求更像是在服务器上做修改操作，它一般用于数据资源的更新。 相比于get请求，post所请求的数据会更加安全。上一章中我们发现get请求会在地址栏显示输入的用户名和密码(有中文时会转化为BASE64加密)，而post请求则会将数据放入http包的包体中，这使得别人无法直接看到用户名和密码！

Express如何设置POST请求

1.首先我们得知道在form表单进行post请求，enctype属性一般设置为“application/x-www-form-urlencoded”，如果设置成multipart/form-data，则多用于文件上传，如下：

<form action="#" method="post" enctype="application/x-www-form-urlencoded">
</form>

2.设置解析body中间件

app.use(express.urlencoded())

3.获取body数据

req.body.username
登陆案例：

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h2>登陆</h2>
    <form action="/login" method="POST">
        <div>
            用户名：<input type="text" name="username">
        </div>
        <div>
            密码：<input type="password" name="password">
        </div>
        <button>登陆</button>
    </form>
      
</body>
</html>

APP.JS

var express = require('express');
var path = require('path')
var app = express();
var sqlQuery = require('./lcMysql')

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(express.static(path.join(__dirname, 'public')));
//解析post提交的数据
app.use(express.urlencoded())

//搜索首页
app.get('/',(req,res)=>{
  res.render('index.ejs')
})

//登陆页
app.get('/login',(req,res)=>{
  res.render('login')
})
//处理登陆请求
app.post('/login',async (req,res)=>{
  //获取用户名和密码
  let username = req.body.username 
  let password = req.body.password
  //查询数据库是否由此用户名和密码
  let sqlStr = 'select * from user where username = ? and password = ?';
  let arr = [username,password];
  let result = await sqlQuery(sqlStr,arr)
  if(result.length == 0 ){
    res.send("登陆失败")
  }else{
    res.send("登陆成功")
  }

})


module.exports = app;

四、中间件

从字面意思，我们可以了解到它大概就是做中间代理操作，事实也是如此；大多数情况下，中间件就是在做接收到请求和发送响应中间的一系列操作。事实上，express是一个路由和中间件的WEB框架，Express 应用程序基本上是一系列中间件函数的调用。

1.浏览器发送请求

2.express接受请求

中间处理的过程

3.路由函数处理渲染（req,res）

4.res.render渲染

中间件函数可以执行以下任务：

  • 执行任何代码。

  • 对请求和响应对象进行更改。

  • 结束请求/响应循环。

  • 调用堆栈中的下一个中间件函数。

中间件也分为应用层中间件、路由中间件、内置中间件、错误处理中间件和第三方中间件。下面分别对以下进行说明：

1.应用层中间件

应用级中间键绑定到app对象使用app.use和app.METHOD()-需要处理http请求的方法，例如GET、PUT、POST，将之前的get或者post替换为use就行。 例如下面实例：

const express=require("express");

var app=express();

//匹配路由之前的操作
app.use(function(req,res,next()){
    console.log("访问之前");
});

app.get("/",function(req,res){
    res.send("主页");
});

app.listen(8080);

这时我们会发现http://localhost:8080/地址一直在加载，但命令行里显示了“访问之前”，说明程序并不会同步执行，如果使用next来是路由继续向下匹配，那么就能又得到主页数据了：

const express=require("express");

var app=express();

//匹配路由之前的操作
app.use(function(req,res,next){
    console.log("访问之前");
    next();
});

app.get("/",function(req,res){
    res.send("主页");
});

app.listen(8080);

当然也可以简化写法：

const express=require("express");

var app=express();

app.use(function(req,res,next){
    console.log("访问之前");
    next();
},function(req,res){
    res.send("主页");
});

app.listen(8080);

因此，在进行路由匹配之前或再录又要继续向下执行时想做个操作，那么应用层中间件无疑是好的选择。

2.路由中间件

路由级中间件和应用级中间件类似，只不过他需要绑定express.Router();

var router = express.Router()

在匹配路由时，我们使用 router.use() 或 router.VERB() ,路由中间件结合多次callback可用于用户登录及用户状态检测。

const express = require("express");
var app = express();
var router=express.Router();

router.use("/",function(req,res,next){
    console.log("匹配前");
    next();
});

router.use("/user",function(req,res,next){
    console.log("匹配地址：",req.originalUrl);
    next();
},function(req,res){
    res.send("用户登录");
});

app.use("/",router);

app.listen(8080);

总之在检测用户登录和引导用户应该访问哪个页面是，路由中间件绝对好用。

3.错误处理中间件

顾名思义，它是指当我们匹配不到路由时所执行的操作。错误处理中间件和其他中间件基本一样，只不过其需要开发者提供4个自变量参数。

app.use((err, req, res, next) => {
        res.sendStatus(err.httpstatusCode).JSON(err);
});

一般情况下，我们把错误处理放在最下面，这样我们即可对错误进行集中处理。

const express=require("express");

var app=express();

app.get("/",function(req,res,next){
    const err=new Error('Not Found');
    res.send("主页");
    next(err);
});

app.use("/user",function(err,req,res,next){
    console.log("用户登录");
    next(err);
},function(req,res,next){
    res.send("用户登录");
    next();
});

app.use(function(req,res){
    res.status(404).send("未找到指定页面");
});

app.listen(8080);

4.内置中间件

从版本4.x开始，Express不再依赖Content，也就是说Express以前的内置中间件作为单独模块，express.static是Express的唯一内置中间件。

express.static(root, [options]);

通过express.static我们可以指定要加载的静态资源。

5.第三方中间件

形如之前我们的body-parser，采用引入外部模块的方式来获得更多的应用操作。如后期的cookie和session。

var express = require('express');
var app = express();
var cookieParser = require('cookie-parser');

到此，关于“nodejs中的get/post请求方法是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: nodejs中的get/post请求方法是什么

本文链接: https://www.lsjlt.com/news/87467.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑，方便收藏和打印～

下载Word文档
去做题
猜你喜欢
  • nodejs中的get/post请求方法是什么
    这篇文章主要介绍“nodejs中的get/post请求方法是什么”，在日常操作中，相信很多人在nodejs中的get/post请求方法是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望...
    99+
    2022-10-19
  • nodejs中怎么实现get/post请求
    这篇文章给大家介绍nodejs中怎么实现get/post请求，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。1.用form表单的方法：(1)get方法前端代码:<form ...
    99+
    2022-10-19
  • NodeJS中怎么收发GET和POST请求
    NodeJS中怎么收发GET和POST请求，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。一 express框架接收app.get('...
    99+
    2022-10-19
  • HTML请求方法get和post的区别是什么
    HTML 请求方法 GET 和 POST 是 HTTP 协议中常用的两种请求方法，它们的主要区别如下：1. 数据传输方式：GET 请...
    99+
    2023-10-11
    HTML
  • get请求和 post请求的区别是什么
    GET请求和POST请求是HTTP协议中常用的两种请求方法，它们的区别如下：1. 参数传递方式：- GET请求：参数通过URL的查询...
    99+
    2023-09-22
    get
  • nodejs之get/post请求的几种方式小结
    最近一段时间在学习前端向服务器发送数据和请求数据,下面总结了一下向服务器发送请求用get和post的几种不同请求方式： 1.用form表单的方法： (1)get方法 前端代码: <form act...
    99+
    2022-06-04
    几种 小结 方式
  • HTTP协议中请求方法的Get和Post
    HTTP协议中请求方法Get和Post的区别是什么？Get：是以实体的方式得到由请求URI所指定资源的信息，如果请求URI只是一个数据产生过程，那么最终要在响应实体中返回的是处理过程的结果所指向的资源，而不是处理过程的描述。 Post：用来...
    99+
    2023-06-03
  • 在PHP中怎么实现GET和POST请求的方法
    本篇内容主要讲解“在PHP中怎么实现GET和POST请求的方法 ”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“在PHP中怎么实现GET和POST请求的方法 ”吧...
    99+
    2022-10-19
  • HTTP的请求方式GET和POST有什么区别
    这篇文章主要介绍“HTTP的请求方式GET和POST有什么区别”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTTP的请求方式GET和POST有什么区别”文章能帮助大家解决问题。HTTP的两种常用请...
    99+
    2023-06-27
  • php处理post请求的方法是什么
    在PHP中处理POST请求的方法是使用$_POST超全局变量来获取POST请求的数据。$_POST是一个关联数组，它包含了所有的PO...
    99+
    2023-10-10
    PHP
  • SpringBoot常见get/post请求参数处理的方法
    这篇文章主要介绍了SpringBoot常见get/post请求参数处理的方法的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇SpringBoot常见get/post请求参数处理的方法文章都会有所收获，下面我们一起...
    99+
    2023-06-29
  • vue中如何使用axios数据请求get、post方法
    小编给大家分享一下vue中如何使用axios数据请求get、post方法，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！vue中使用axios方法我们先安装axios这个方法npm inst...
    99+
    2022-10-19
  • Ajax中GET与POST请求操作方法梳理介绍
    目录Ajax简介Ajax特点Ajax GET请求的基本操作Ajax GET请求的缓存问题Ajax POST请求的基本操作Ajax 设置请求头信息nodemon工具安装基于JSON的数...
    99+
    2022-11-13
    Ajax GET请求 Ajax POST请求
  • vue axios中的get请求方式是什么
    这篇文章主要讲解了“vue axios中的get请求方式是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“vue axios中的get请求方式是什么”吧！vue axi...
    99+
    2023-07-02
  • Android中使用OkHttp包处理HTTP的get和post请求的方法
    概览 http是现在主流应用使用的网络请求方式, 用来交换数据和内容, 有效的使用HTTP可以使你的APP 变的更快和减少流量的使用 OkHttp 是一个很棒HTTP客户端（G...
    99+
    2022-06-06
    okhttp get 方法 post请求 post Android
  • php发送get、post请求的6种方法简明总结
    1. 使用原生的PHP函数发送GET请求：```php$data = array('param1' => 'value1','par...
    99+
    2023-08-16
    php
  • ASP.NET中get和post方法的区别是什么
    ASP.NET中get和post方法的区别是什么，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。在网页设计中，无论是动态还是静态，get方法是默认的，它在URL地址长度是有限的，...
    99+
    2023-06-17
  • GET和POST两种基本请求方法的区别有哪些
    本篇内容主要讲解“GET和POST两种基本请求方法的区别有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“GET和POST两种基本请求方法的区别有哪些”吧!G...
    99+
    2022-10-19
  • Android中使用Post请求的方法
    本文实例讲述了Android中使用Post请求的方法。分享给大家供大家参考。具体如下： 一、需要用到的场景 在jQuery中使用$.post()就可以方便的发起一个post请求...
    99+
    2022-06-06
    方法 post请求 post Android
  • 解析HTTP协议六种请求方法,get,head,put,delete,post有什么区别
    标准Http协议支持六种请求方法，即： GET POST PUT Delete HEAD Options        但其实我们大部分情况下只用到了GET和POST。如果想设计一...
    99+
    2023-06-04
软考高级职称资格查询
软考职称历年真题下载
软考职称资料下载
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作