NodeJS

最新推荐文章于 2023-11-09 09:20:03 发布
最新推荐文章于 2023-11-09 09:20:03 发布
阅读量193 收藏 1
点赞数
分类专栏： 前端积累 文章标签： node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/L20150514/article/details/120418766
版权

1. http

1.1 http状态码

分类 描述
1** 信息
2** 成功
3** 重定向
4** 客户端错误
5** 服务器错误

1.2 请求方式

  • GET 获取

    • 数据放在 url 里面传输的，容量 ≤ 32k

  • POST 发送数据

    • 容量大

2. 接收 GET 数据

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="http://localhost:8080/aaa" method="GET">
			用户：<input type="text" name="username">
			密码：<input type="password" name="password">
			<input type="submit" id="" name="" value="提交"/>
		</form>
	</body>
</html>

const http = require('http');
const url = require('url');

let server = http.createServer((req, res) => {
   
	// 解析 GET 过来的数据
	// 添加参数 true,能将query参数也一起解析了
	let result = url.parse(req.url, true);
	let {
   query, pathname} = result;
	console.log(result);
	console.log(query,pathname);

});


server.listen(8080);

在这里插入图片描述

3. 原生处理 POST 数据

3.1 普通数据 —— querystring，url

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

let server = http.createServer((req, res) => {
   
    console.log(req.method); // POST
    let arr = [];
    // 当有数据
    req.on('data',(buffer) => {
   
        // console.log(buffer); // <Buffer 75 73 65 72 6e 61 6d 65 3d 61 64 6d 69 6e 26 70 61 73 73 77 6f 72 64 3d 31 32 33 33 32 31>
        arr.push(buffer);
    });

    // 数据结束
    req.on('end',() => {
   
        let buffer = Buffer.concat(arr);
        let post = querystring.parse(buffer.toString());
        console.log(post);
        // console.log(buffer.toString()); // <Buffer 75 73 65 72 6e 61 6d 65 3d 61 64 6d 69 6e 26 70 61 73 73 77 6f 72 64 3d 31 32 33 33 32 31>
    });
});


server.listen(8080);

在这里插入图片描述

3.2 文件数据 buffer

  • form上传文件，要添加 enctype='application/x-www-form-urlencoded'，enctype 默认值为 application/x-www-form-urlencoded

     <form action="http://localhost:8080/upload" method="POST" enctype="multipart/form-data">
        用户: <input type="text" name="username"><br>
        密码: <input type="password" name="password"><br>
        <input type="file" name="f1"><br><br>
        <input type="submit">
</form>

    const http = require('http');


http.createServer((req, res) => {
     
    let  arr = [];
    console.log(req.headers);
    req.on('data',(buffer) => {
     
        arr.push(buffer);
    });
    req.on('end',() => {
     
        let buffer = Buffer.concat(arr);

        console.log(buffer.toString());
    });
}).listen(8080);

    在这里插入图片描述

    结果：
    在这里插入图片描述
    注：在请求头中能获取到分隔符，注意横杠数

  • 在 buffer 中查找

    let buffer = new Buffer('abc\r\ndfadsa\r\ndfawfdsafdsa');

console.log(buffer.indexOf('\r\n')); // 3

  • 切分方法封装

    let buffer = new Buffer('abc\r\ndfadsa\r\ndfawfdsafdsa');

console.log(buffer.indexOf('\r\n')); // 3

function bufferSplit(buffer, delimiter) {
     
    let arr = [];
    let n = 0;

    while ((n = buffer.indexOf(delimiter)) != -1) {
     
        arr.push(buffer.slice(0, n));

        buffer = buffer.slice(n + delimiter.length); //跳过分隔符长度
    }
    arr.push(buffer); // 将最后的一块添加进去

    return arr;
};

console.log(bufferSplit(buffer, '\r\n').map(a => a.toString()));

    在这里插入图片描述

  • 源码

    const http = require('http');
const fs = require('fs');


function bufferSplit(buffer, delimiter) {
     
    let arr = [];
    let n = 0;

    while ((n = buffer.indexOf(delimiter)) != -1) {
     
        arr.push(buffer.slice(0, n));

        buffer = buffer.slice(n + delimiter.length); //跳过分隔符长度
    }
    arr.push(buffer); // 将最后的一块添加进去

    return arr;
};

http.createServer((req, res) => {
     
    let arr = [];
    let boundary = '--' + req.headers['content-type'].split('; ')[1].split('=')[1]

    req.on('data', (buffer) => {
     
        arr.push(buffer);
    });
    req.on('end', () => {
     
        let buffer = Buffer.concat(arr);

        // 按照分隔符切分
        let result = bufferSplit(buffer, boundary);

        // 去掉头 null 和 尾 \r\n--
        result.pop();
        result.shift();

        // 针对其中的每一个处理
        result.forEach(buffer => {
     
            // 去掉 头尾的 \r\n
            buffer = buffer.slice(2, buffer.length - 2);

            // 使用 \r\n 切
            let n = buffer.indexOf('\r\n\r\n');

            let info = buffer.slice(0, n).toString();
            let data = buffer.slice(n + 4);

            // console.log(info.toString());

            if (info.indexOf('\r\n') != -1) {
     
                // 文件
                let result2 = info.split('\r\n')[0].split('; ');
                let name = result2[1].split('=')[1];
                let filename = result2
最低0.47元/天 解锁文章
成长路上都是孤独的
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node.js根据本地目录生成树状结构对象
101tx的博客
11-05 451
在做编辑器的时候有个问题，需要访问本地目录，然后返回给前端页面，让前端页面展示，在此做个记录。这是典型的递归调用。后边代码是核心 如上图的目录，是一个典型的数状结构，如何实现，代码如下 前台演示代码 function createProByTree(k){ all_pro.push(k);//存放到所有项目数组中 //创建一个div用于存放项目 var dv=document.createElement("div"); let id="pro_"+Math.floor(Math.ran.
18.创建元素
unlockmyname的博客
08-27 137
javascript基础 创建元素的三种方式(像搜索栏/购物车都需要用到) document.write() 覆盖整个原来的页面重新生成标签里面的内容 document.write('新设置的内容<p>标签也可以生成</p>'); node.innerHTML 选中node的所有子元素 var box = document.getElementById('box'); box.innerHTML = '新内容<p>新标签</p>'; 在当前页面,把bo
跨域问题
sjzwenzi的专栏
10-22 477
1、跨域问题 app.all('*', function (req, res, next) {     res.header("Access-Control-Allow-Origin", "*");     res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
node.js自定义模块
kjs--的博客
03-24 715
自定义模块 简介 使用场景: 我们对代码的封装是以模块（一个独立的.js文件）为单位进行的。一般的做法是实现好某一个功能之后，封装成一个模块，然后在其它文件中使用这个模块。 类比于js自定义函数，自定义模块的使用场景是： 代码需要在项目重用 代码需要提供给他人使用 代码虽然不需要重用，但封装成模块有利于优化代码结构，方便后期维护与扩展 步骤 一共有两步： 定义模块。就是创建一个js文件,有导出。 使用模块。在需要使用的地方去导入模块文件。 定义模块 所谓定义模块，就是新建一个js文件。文件取名时，要
createElement的用法
最新发布
如果相遇，那么你好哦~
11-09 4267
document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
NodeJS 安装包
07-02
NodeJS 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让开发者能够在服务器端使用 JavaScript 进行编程，极大地推动了全栈开发的流行。NodeJS 的设计思想是事件驱动、非阻塞 I/O 模型，这使得它在处理高并发...
nodejs安装包
12-15
Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时...
NodeJS API文档
01-16
NodeJS API文档。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、...
Nodejs 入门
08-18
Nodejs的入门教程的示例,没有错误的地方,可以方便的找到自己有什么错误的
安装nodejs
01-08
CentOS安装NodeJS 在CentOS下安装NodeJS有以下几种方法。使用的CentOS版本为7.2。 安装方法1——直接部署 首先安装wget yum install -y wget 如果已经安装了可以跳过该步 下载nodejs最新的bin包 可以在下载页面...
opencv4nodejs
10-16
opencv4nodejs 允许您在nodejs 中使用原生OpenCV 库。除了同步 API 之外，该包还提供异步 API，它允许您构建非阻塞和多线程计算机视觉任务。 opencv4nodejs 支持 OpenCV 3 和 OpenCV 4。 该项目的最终目标是提供与 ...
nodejs111111111111
08-16
自留
NodeJS学习笔记和代码
05-29
NodeJS是一种基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行编程。这个"NodeJS学习笔记和代码"的压缩包显然包含了帮助初学者掌握NodeJS基础知识和实践技能的所有必要资料。 ...
使用nodejs实现简单的爬虫
u014119731的博客
05-10 638
一、项目准备 1.本项目使用express创建，命令 express 项目名称 2.命令安装axios(npm install axios)，用于通讯，也可以使用request 3.命令安装cheerio（npm install cheerio），用于解析html代码 二、项目编写 1.创建项目之后，再public/javascripts/下创建js文件 function getRepliteList() { const ...
javascript创建node节点
qq_16882597的博客
03-15 1362
var div=document.createElement("div");//创建一个div元素 var node=document.createTextNode("我是div");//创建文本 div.appendChild(node);//把文本放到元素中 dom("box").appdendChild(div);//填到id为 box 的元素中。
vue createElement后删除这个元素 the node to be removed is not a child of this node
c45449210的博客
03-18 4974
冇问题诶 2018-01-23 14:52 var child=document.getElementById("tr1"); child.parentNode.removeChild(child); 如果能够在不引用父元素的情况下删除某个元素就太好了不过很遗憾。DOM 需要清楚您需要删除的元素，以及它的父元素。这是常用的解决方案：找到您希望删除的子元素，然后使用其 parentNode 属性来找到父元素： w3school手册上的内容
Node.js应用开发入门
jnlup的博客
01-31 1190
开发工具:Visual Studio Code 1.创建Node应用程序目录，并进入该目录，右键单击，在弹出的菜单中选择通过Code打开 2.按快捷键Ctrl+`(反引号)打开终端(Terminal)，然后输入命令 npm init -y -y参数表示项目使用默认的配置参数。 3.安装Webpack开发包，输入命令 npm install webpack webpack-cli --save-dev 其中webpack-cli表示webpack的命令行工具，另外使用参数--save-dev表示该安装包为
NodeJS中文文档：服务端JavaScript编程指南
"NodeJS中文文档，提供从基础到进阶的NodeJS知识，包括标准模块、缓存对象、事件触发器、流、全局对象、进程、计时器、子进程、脚本、文件系统操作、HTTP服务器和客户端、TCP服务器和流、加密模块、域名解析、数据报...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值