写点什么

开源一夏 | 实战 Node.js 之 GET/POST 请求在 Web 应用架构在客户端的使用

作者:黎燃
  • 2022 年 8 月 18 日
    内蒙古
  • 本文字数:1638 字

    阅读完需:约 5 分钟

GET/POST 请求


在许多情况下,我们的服务器需要处理用户的浏览器,例如表单提交。get/post 请求通常用于向服务器提交表单。


var http = require('http');var url = require('url');var 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(3000);
复制代码


在浏览器中访问 http://localhost:3000/user?name=黎燃 &url=并查看返回的结果:



我们可以使用 URL 解析方法来解析 URL 中的参数。代码如下:


var http = require('http');var url = require('url');var util = require('util'); http.createServer(function(req, res){    res.writeHead(200, {'Content-Type': 'text/plain'});
复制代码


解析 url 参数


    var params = url.parse(req.url, true).query;    res.write("网站名:" + params.name);    res.write("\n");    res.write("网站 URL:" + params.url);    res.end();
复制代码

获取 POST 请求内容

post 请求的内容都在请求正文中,http Serverrequest 没有属性 content 作为请求正文,因为等待发送请求正文可能是一项耗时的任务。例如,在上传文件时,我们可能不需要注意请求主体的内容。恶意 post 请求将极大地消耗服务器的资源,因此 node JS 默认情况下不会解析请求体。


var http = require('http');var querystring = require('querystring');var util = require('util');
复制代码


定义了一个 post 变量,用于暂存请求体的信息


var post = ''; 
复制代码


通过 req 的 data 事件监听函数,每当接受到请求体的数据,就累加到 post 变量中


req.on('data', function(chunk){            post += chunk;    });
复制代码


在 end 事件触发后,通过 querystring.parse 将 post 解析为真正的 POST 请求格式,然后向客户端返回。


 req.on('end', function(){            post = querystring.parse(post);        res.end(util.inspect(post));    });
复制代码

Web 应用架构

Web 服务器通常指的是 Web 服务器,它指的是驻留在 Internet 上的特定类型计算机的程序。web 服务器的基本功能是提供 web 信息浏览服务。它只需要支持 HTTP 协议、HTML 文档格式和 URL,并与客户端的 web 浏览器协作。大多数 web 服务器支持服务器端脚本语言(PHP、python、Ruby)等,并通过脚本语言从数据库获取数据,然后将结果返回到客户端浏览器。目前,最流行的三种 web 服务器是 Apache、nginx 和 IIS。



节点。JS 提供了一个 HTTP 模块。HTTP 模块主要用于构建 HTTP 服务器和客户端。使用 HTTP 服务器或客户端函数时必须调用 HTTP 模块。代码如下:


var http = require('http');
复制代码


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{  
复制代码


响应文件内容


 response.write(data.toString()); 
复制代码


发送响应数据


response.end();
复制代码


控制台会输出以下信息


console.log('Server running at http://127.0.0.1:8080/');
复制代码

使用 Node 创建 Web 客户端

Node 需要引入 HTTP 模块来创建 web 客户端和客户端 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;   });
复制代码


数据接收完成


console.log(body);
复制代码


向服务端发送请求


var req = http.request(options, callback);req.end();
复制代码


发布于: 刚刚阅读数: 4
用户头像

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

评论

发布
暂无评论
开源一夏 | 实战Node.js之GET/POST请求在Web 应用架构在客户端的使用_开源_黎燃_InfoQ写作社区