一、环境

1、安装express

npm i express@4.17.1 // 安装express模块

2、安装nodemon

npm i nodemon -g

3、安装cors

npm install cors --save 或者 npm install cors -D

4、运行命令

nodemon .\test.js

二、代码（话不多说直接上代码）

1、代码结构：

test.html为页面
test.js为服务器端代码
apiRouter为封装的路由模块
2、apiRouter.js

const express = require("express");

const database = require("mime-db");

const router = express.Router();

//导入

const cors = require('cors');

//挂载

router.use(cors({

    origin:['http://localhost:8083'],

    methods:['GET','POST'],

    alloweHeaders:['Conten-Type', 'Authorization']

}));

// 挂载对应的路由

router.get("/get", (req, res) => {

  // 通过 req.query 获取客户端通过查询字符串，发送到服务器的数据

  const query = req.query

 let backData = query.name+'test拼接'

  // 向客户端响应处理的结果

  res.send({

    status: 0, // 0成功，1失败

    code:200,

    msg: "get请求成功！",

    data: backData, // 响应给客户端的数据

  });

});

router.post("/post", (req, res) => {

  // 通过 req.body 获取请求体中包含的 url-encoded 格式的数据

  const body = req.body;

   let backData = body.author+'test拼接处理数据'

  // 调用res.send方法，向客户端响应结果

  res.send({

      status: 0,

      code:200,

      msg: 'POST请求成功！',

      data: backData

  })

});

module.exports = router;

3、test.js

const express = require("express");

// 创建服务器实例

const app = express();

// 配置解析表单数据的中间件

app.use(express.urlencoded({ extended: false }));

// 一定要在路由之前，配置cors中间件，从而解决接口跨域问题

const cors = require("cors");

app.use(cors());

// 导入路由模块

const router = require("./apiRouter");

// 把路由挂载到app实例上

app.use("/api", router);

// 启动服务器

app.listen(8081, () => {

  console.log("server running at http://127.0.0.1:8081");

});

4、test.html

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

    <script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>

  </head>

  <body>

    <button id="btnGET">GET</button>

    <button id="btnPOST">POST</button>

    <script>

      $(function () {

        // 测试Get接口

        $("#btnGET").on("click", function () {

          $.ajax({

            type: "GET",

            // url: "http://127.0.0.1:8081/api/get",

            url: "http://10.15.253.205:8081/api/get",

            data: {

              name: "zs",

              age: 30,

            },

            success: function (res) {

              console.log(res);

            },

          });

        });

        // 测试Post接口

        $("#btnPOST").on("click", function () {

          $.ajax({

            type: "POST",

            url: "http://10.15.253.205:8081/api/post",

            data: {

              bookname: "西游记",

              author: "吴承恩",

            },

            success: function (res) {

              console.log(res);

            },

          });

        });

      });

    </script>

  </body>

</html>

效果：

写在最后，简单的node服务器，希望可以帮到大家，

node.js的express模块实现GET和POST请求的更多相关文章

  1. node.js中express模块创建服务器和http模块客户端发请求

    首先下载express模块,命令行输入 npm install express 1.node.js中express模块创建服务端 在js代码同文件位置新建一个文件夹(www_root),里面存放网页文 ...

  2. node.js安装express模块应用服务框架

    1.创建工程文件夹case-04 2.在终端窗口进入文件夹目录,并输入:npm init,并一路回车,最后看到在case-04文件夹里自动生成了package.json 文件 3.打开vscode,进 ...

  3. node.js使用express模块创建web服务器应用

    1.安装express模块 在命令行输入 npm install body-parser --save npm install express --save 2.创建app.js文件 /*应用程序入口 ...

  4. Node.js基于Express框架搭建一个简单的注册登录Web功能

    这个小应用使用到了node.js  bootstrap  express  以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注 ...

  5. node.js框架express的安装

    node.js框架express的安装 首先假定你已经安装了 Node.js,接下来为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录. $ mkdir myapp $ cd myapp 通 ...

  6. node.js，express入门看详细篇

    先最简单的代码 安装 npm install express app.js 代码内容 const express = require('express') const app = express() ...

  7. node.js使用express框架进行文件上传

    关于node.js使用express框架进行文件上传,主要来自于最近对Settings-Sync插件做的研究.目前的研究算是取得的比较好的进展.Settings-Sync中通过快捷键上传文件,其实主要 ...

  8. 如何设计一个基于Node.js和Express的网站架构？

    前言 今年七月份,我和几个小伙伴们合伙建立了一个开发团队.业务开展如火如荼的同时,团队宣传就提上了日程,所以迫切需要搭建公司网站出来.确定目标后我们就开始考虑如果构建一个企业网站.先是进行业内调查,看 ...

  9. Code Your First API With Node.js and Express: Set Up the Server

    How to Set Up an Express API Server in Node.js In the previous tutorial, we learned what the REST ar ...

随机推荐

  1. springboot集成spring security安全框架入门篇

    一. :spring security的简介 Spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架.它提供了一组可以在Spring应用上下 ...

  2. Mysql 8 使用过程中的命令记录

    Mysql 8 使用过程中的命令记录 注: 当前 MySQL 数据库的版本 8.0.27 修改密码 1. 使用其他用户修改root 密码 ALTER USER 'root'@'localhost' I ...

  3. drf中的请求与响应

    请求与响应(3星) 请求:Request REST framework 传入视图的request对象不再是Django默认的HttpRequest对象,而是REST framework提供的扩展了Ht ...

  4. css常见知识点总结

    CSS 中可继承与不可继承属性有哪些 可继承: 字体系列 font-family font-weight font-size 文本系列 color text-align line-height 可见系 ...

  5. 7.Docker容器使用辅助工具汇总

    原文地址: 点击直达 more information: https://docs.docker.com/engine/security/security/#docker-daemon-attack- ...

  6. SpringMVC踩坑2

    Request processing failed; nested exception is org.mybatis.spring.MyBatisSystemException: nested exc ...

  7. 『忘了再学』Shell基础 — 11、变量定义的规则和分类

    目录 1.定义变量的规则 2.变量的分类 1.定义变量的规则 在定义变量时,有一些规则需要遵守 变量名称可以由字母.数字和下划线组成,但是不能以数字开头.如果变量名是2name则是错误的. 在Bash ...

  8. Java语言学习day29--8月04日

    今日内容介绍1.Object2.String3.StringBuilder ###01API概念 * A:API(Application Programming Interface) * 应用程序编程 ...

  9. petite-vue源码剖析-沙箱模型

    在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式,而且能够读取当前作用域上的属性.而evaluate的实现如下: const evalCache ...

  10. ucore lab5 用户进程管理 学习笔记

    近几日睡眠质量不佳,脑袋一困就没法干活,今天总算时补完了.LAB5难度比LAB4要高,想要理解所有细节时比较困难.但毕竟咱不是要真去写一个OS,所以一些个实现细节就当成黑箱略过了. 这节加上了用户进程 ...