一、环境

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. 阿里云申请SSL证书 并部署到SpringBoot项目

    前提 有一台阿里云的服务器(安装了java环境) 有已经备案的域名,并且域名绑定上面的服务器 申请SSL证书 申请教程:https://blog.csdn.net/yunweifun/article/ ...

  2. 蓝桥杯 贪吃蛇长度java实现

    小明在爷爷的私人收藏馆里找到一台老式电脑.居然没有图形界面,只能用控制台编程. 如上图,是游戏时画面截图. 其中,H表示蛇头,T表示蛇尾.#表示蛇的身体,@表示身体交叉重叠的地方. 你能说出现在的贪吃 ...

  3. Kafka 使用-安装

    Kafka 使用-安装 官方网站 http://kafka.apache.org/ 官方文档 Kafka 是什么? Apache Kafka is an open-source distributed ...

  4. RMI反序列化学习

    RMI学习 1.RMI简介 RMI(Remote Method Invocation),远程方法调用方法,其实就是本地java虚拟机要调用其他java虚拟机的方法,两个虚拟机可以是运行在相同计算机上的 ...

  5. 基于 Apache Hudi 构建增量和无限回放事件流的 OLAP 平台

    1. 摘要 在本博客中,我们将讨论在构建流数据平台时如何利用 Hudi 的两个最令人难以置信的能力. 增量消费--每 30 分钟处理一次数据,并在我们的组织内构建每小时级别的OLAP平台 事件流的无限 ...

  6. 安卓记账本开发学习day3

    今天发现了新的错误 首先是AS警告杀毒系统对编译运行有影响,我目前只开了火绒,所以只需要在火绒里将SDK文件夹设置为信任即可 第二个错是在编译测试运行的时候,虚拟机能够正常打开,也launch suc ...

  7. 迷惑小错 之 ：requests.exceptions.ProxyError

    缘由 当打开代理或者抓包工具时 pycharm运行发包请求报错: requests.exceptions.ProxyError.关掉代理后又能正常的请求,这样对于我们日常操作很不方便吗.四处查找资料无 ...

  8. docker进阶_docker-compose

    Docker-compose 为什么使用docker-compose 官方介绍 ​ Compose 是一个用于定义和运行多容器 Docker 应用程序的工具.使用 Compose,您可以使用 YAML ...

  9. python源码方式安装后如何卸载

    可以重新源码安装,此时需要记录安装文件细节,可通过--record XX来记录,如: python setup.py install --record setup.log 这时所有的安装细节都写到lo ...

  10. Rancher部署PostgreSQL容器

    1.打开工作负载,选择部署服务 2.选择合适的PostgreSQL镜像 镜像地址https://registry.hub.docker.com/_/postgres,也可使用公司内部镜像库 网络模式选 ...