Node.js后端开发 - 进阶篇 #3 express详解res.send()和res.end()的区别

文章目录

一、前言

二、express之实现 Hello World 详解

1、代码详解

2、注意点-路由信息对应

三、res.send()和res.end()的区别

1、那么它们有什么区别呢?

(1)、响应报文头的区别

(2)、参数类型区别

2、res.send()和res.end()之乱码示例

(1)res.end()响应中文乱码

(2)res.send()自动生成响应报文头,不乱码


一、前言

上篇文章我们介绍了express框架它的官网如何查看、npm官网对express提供的一些示例说明、express如何安装以及初步实现一个“Hello World”的程序,详细了解可参考我的博文:Node.js后端开发 - 进阶篇 #2 express使用之HelloWorld 这篇文章我们将具体讲解上篇的“Hello World”程序代码以及res.send()和res.end()的区别

二、express之实现 Hello World 详解

1、代码详解

上篇文章初步实现一个“Hello World”的程序,在这里我进行了详细的注释、代码只稍微作了修改

//1、加载express模块
// const express:声明express变量, 
// 这个express变量它是一个对象,它也可以作为一个函数来调用
const express = require('express');

//2、创建一个app对象( 类似于创建一个server对象 )
const app = express();//express作为一个函数来调用

//---------注册路由---------
//通过中间件监听指定的路由的请求
//app.get表示只能处理get请求,斜杆表示当前目录。
//必须满足get请求 和 当前目录,才会执行回调函数。
//那么这个函数就被我们成为中间件,其实中间件就是一个函数。
//这段代码包括两部分信息,即路由信息、路由的处理方法
app.get('/', function (req, res) { 
    res.send('Express:Hello World')//响应给浏览器,结束请求
});

//3、启动服务
//参数1:要监听的端口  参数2:回调函数
app.listen(3000,function() {
    console.log('http://localhost:3030');
});

我们启动服务器来看看:

bogon:express-demo luminal$ node index
http://localhost:3030

然后在浏览器上输入地址:http://localhost:3000/

2、注意点-路由信息对应

当把代码路由信息

app.get('/', function (req, res) 

改成,如下:

app.get('/xxx', function (req, res)

浏览输入请求地址的时候,需对应改变为:http://localhost:3000/xxx,否则访问不了信息!

即:req.url中的 pathname部分必须和 /xxx 一致

三、res.send()和res.end()的区别

我们有没有发现express,在回调函数里面调用的是res.send()

res.send('Express:Hello World')//响应给浏览器,结束请求

而我在讲《Node.js后端开发 - 基础篇》的时候,用的是res.end()。

res.send()方法比res.end()更好用,它是express框架帮我们扩展的方法。

1、那么它们有什么区别呢?

(1)、响应报文头的区别

res.send() 会默认自动发送更多的响应报文头,其中就包括 Content-type: text/html; charset=utf-8,所以没有乱码

(2)、参数类型区别

res.end() 参数类型只能是 Buffer对象 或 字符串

res.send() 参数类型可以是一个Buffer对象、一个字符串、一个对象、一个数组

我们可以去express官网查看它的api的一些介绍,如下:

进入express中文网:Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网,API参考手册--->4.x--->Response对象--->res.send()方法

这个用中括号括起来的 [body] ,代表这个send方法,可以传参数也可以不传参数。

传参数,发送数据结束请求;

不传参数,直接结束请求

2、res.send()和res.end()之乱码示例

(1)res.end()响应中文乱码

当res.end()方法里面传入中文,在浏览器上面你会发现它会出现乱码,代码修改如下:

//1、加载express模块
// const express:声明express变量,
// 这个express变量它是一个对象,它也可以作为一个函数来调用
const express = require('express');

//2、创建一个app对象( 类似于创建一个server对象 )
const app = express();//express作为一个函数来调用

//---------注册路由---------
app.get('/xxx', function (req, res) { 
    //res.send('Express:Hello World,好好好')//响应给浏览器,结束请求
    res.end('Express: Hello World, 好好好')
});

//3、启动服务
//参数1:要监听的端口  参数2:回调函数
app.listen(3000,function() {
    console.log('http://localhost:3030');
});

运行代码,浏览器输入相应的地址会出现乱码,如下:

(2)res.send()自动生成响应报文头,不乱码

而我们使用res.send传入中文就不会出现乱码,在我的谷歌浏览器输入:http://localhost:3000/xxx

然后我们来看看它自动生成的响应报文头,我们来看看谷歌浏览器里面生成的内容,

如下图,--->更多工具--->开发者工具

这里注意,有可能状态码为304,代表缓存了

我们右击,Clear browser cache 清理缓存

我们刷新浏览器,状态码为200,代表请求成功。

这时候我们可以看到:

Response Headers 响应报文头,

Content-Type 响应内容类型、编码为utf-8

Content-Length 内容字节长度为29(utf-8编码:英文字母、英文符号占一个字节,中文文字占3个字节)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

被开发耽误的大厨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值