Node.js中GET、POST请求，Web模块

CYSDLN

已于 2022-09-16 23:36:38 修改

阅读量352

点赞数 1

分类专栏：学习笔记文章标签：前端服务器运维

于 2022-09-16 23:32:42 首次发布

本文链接：https://blog.csdn.net/CYSNLD/article/details/126899333

版权

学习笔记专栏收录该内容

26 篇文章 0 订阅

订阅专栏

GET/POST请求
在很多场景中，我们的服务器都需要跟用户打交道，如发送验证码、登陆表单提交，请求服务器数据，一般都是用GET请求，表单提交到服务器一般都用POST请求

获取GET请求
由于GET请求直接被嵌入在路径中，URL是完整的请求路径，包括了？后面的部分，因此你可以手动解析后面的内容作为GET请求的参数。

node.js中url模块中的parse函数提供了这个功能

HTTP请求？

GET：地址栏请求可从响应头查看请求方式

POST：表单提交

DELETE：删除

PUT：更新

// 引入模块
const http = require("http");
const url = require("url");
const util = require("util");

// 创建一个服务器请求
http
  .createServer(function (req, res) {
    res.writeHead(200, { "Content-Type": "text/plain;charset= utf-8 " });
    res.end(util.inspect(url.parse(req.url, true)));
  })
  .listen(8080);
console.log("服务器连接成功：http://127.0.0.1:8080");

res.writeHead(200, { "Content-Type": "text/plain;charset= utf-8 " });

获取POST请求
POST请求的内容全部都在请求体中，http，ServerRequest并没有一个属性内容为请求体，原因是等待请求体传输可能是一件耗时的工作。

比如上传文件，很多时候我们可能并不需要理会请求体的内容，恶意的POST会大大的消耗服务器的资源，所以node.js是不会解析消息体的，当你需要的时候，需要手动来做

const http = require("http");
const querystring = require("querystring");

let postHtml = `<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="" method="post">
        姓名：<input type="text" name="sName"><br>
        班级：<input type="text" name="class"><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>`;
// 创建一个服务器
http
  .createServer(function (req, res) {
    // 暂存消息体的信息
    var body = "";
    // data事件监听函数，每当收到请求提的数据，就添加到body变量中
    req.on("data", function (temp) {
      console.log(temp.toString());
      body += temp;
    });
    // end事件出发后，通过querystring.parse将post解析为真正的POST请求格式，然后向客户端发送
    req.on("end", function () {
      // 解析参数
      body = querystring.parse(body);
      //   console.log(body);
      //   响应头 及编码;
      res.writeHead(200, { "Content-Type": "text/html;charset=utf-8" });
      if (body.sName && body.class) {
        // 接收到post数据 输出提交的数据
        res.write(`姓名：${body.sName}`);
        res.write("<br/>");
        res.write(`班级${body.class}`);
      } else {
        // 未接受到POST数据，输出表单
        res.write(postHtml);
      }
      res.end();
    });
  })
  .listen(8080);

data和end为内置事件

data：事件监听函数

end：事件触发函数

_events: [Object: null prototype] {
      end: [Array],
      timeout: [Function: socketOnTimeout],
      data: [Function: bound socketOnData],
      error: [Function: socketOnError],
      close: [Array],
      drain: [Function: bound socketOnDrain],
      resume: [Function: onSocketResume],
      pause: [Function: onSocketPause]
    },

querystring模块

querystring.parse()解析消息体中的参数

post提交当不设置提交地址时会提交到本身

一、Web模块
本节介绍Node.js Web模块，首先，你应该先了解什么是 Web服务器。

1、什么是Web服务器?
web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序。 Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL，与客户端的网络浏览器配合。大多数Web服务器都支持服务端的脚本语言(Java、C#、php、python)等，并通过脚本语言从数据库获取数据，将结果返回给客户端浏览器。目前最主流的三个 Web服务器是Apache.Nginx、llS。

2、 Web应用架构
client-客户端：一般指浏览器，浏览器可以通过HTTP协议向服务器请求数据。 Server-服务端：一般指Web服务器，可以接收客户端请求，并向客户端发送响应数据。 Business -业务层：通过Web服务器处理应用程序，如与数据库交互，逻辑运算，调用外部程序等。 Data -数据层：一般由数据库组成。

Client - 客户端，一般指浏览器，浏览器可以通过 HTTP 协议向服务器请求数据。
Server - 服务端，一般指 Web 服务器，可以接收客户端请求，并向客户端发送响应数据。
Business - 业务层，通过 Web 服务器处理应用程序，如与数据库交互，逻辑运算，调用外部程序等。
Data - 数据层，一般由数据库组成。

Node.js 提供了 http 模块，http 模块主要用于搭建 HTTP 服务端和客户端，使用 HTTP 服务器或客户端功能必须调用 http 模块，代码如下：

var http = require('http');

以下是演示一个最基本的 HTTP 服务器架构(使用 8080 端口)，创建 server.js 文件，代码如下所示：

var http = require('http');
var fs = require('fs');
var url = require('url');
 
 
// 创建服务器
http.createServer( function (request, response) {  
   // 解析请求，包括文件名
   var pathname = url.parse(request.url).pathname;
   
   // 输出请求的文件名
   console.log("Request for " + pathname + " received.");
   
   // 从文件系统中读取请求的文件内容
   fs.readFile(pathname.substr(1), function (err, data) {
      if (err) {
         console.log(err);
         // HTTP 状态码: 404 : NOT FOUND
         // Content Type: text/html
         response.writeHead(404, {'Content-Type': 'text/html'});
      }else{             
         // HTTP 状态码: 200 : OK
         // Content Type: text/html
         response.writeHead(200, {'Content-Type': 'text/html'});    
         
         // 响应文件内容
         response.write(data.toString());        
      }
      //  发送响应数据
      response.end();
   });   
}).listen(8080);
 
// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8080/');

接下来我们在该目录下创建一个 index.html 文件，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

执行 server.js 文件：

$ node server.js
Server running at http://127.0.0.1:8080/

接着我们在浏览器中打开地址：http://127.0.0.1:8080/index.html，显示如下图所示:

执行 server.js 的控制台输出信息如下：

Server running at http://127.0.0.1:8080/
Request for /index.html received.     #  客户端请求信息

使用 Node 创建 Web 客户端

Node 创建 Web 客户端需要引入 http 模块，创建 client.js 文件，代码如下所示：

var http = require('http');
 
// 用于请求的选项
var options = {
   host: 'localhost',
   port: '8080',
   path: '/index.html'  
};
 
// 处理响应的回调函数
var callback = function(response){
   // 不断更新数据
   var body = '';
   response.on('data', function(data) {
      body += data;
   });
   
   response.on('end', function() {
      // 数据接收完成
      console.log(body);
   });
}
// 向服务端发送请求
var req = http.request(options, callback);
req.end();

新开一个终端，执行 client.js 文件，输出结果如下：

$ node  client.js 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

执行 server.js 的控制台输出信息如下：

Server running at http://127.0.0.1:8080/
Request for /index.html received.   # 客户端请求信息

CYSDLN

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录