jjzjj

Node.js基础入门第十天

老码识途 2023-03-28 原文

经过前面九天的学习，对Node.js开发有了一个初步的认识，今天继续学习Node.js后端开发框架Express相关内容，仅供学习分享使用，如有不足之处，还请指正。

响应对象(res)

1. 什么是响应对象？

响应对象(res)是指服务器端向客户端响应数据的对象，包含了所有要响应的内容。Express的响应对象是对Node.js原始响应对象的封装。

2. 响应对象常见方法

响应对象的常见方法，如下所示：

  1. res.send(data)方法，用于向客户端返回任意类型的数据。但是不能直接返回数字，否则会被当成状态码，如果一定要返回，则需要加引号。
  2. res.json()方法，向客户端返回json数据，且会设置返回的Header为的application/json。
  3. res.render()方法，渲染模板，用于将数据填充到模块中。
  4. res.redirect()方法，实现服务端跳转。
  5. res.cookie()，设置cookie。
  6. res.set()，设置响应头

3. res.send方法

返回Json格式的数据，如下所示：

1 router.get('/', function(req, res, next) {
2     var data={"name":"小六公子","age":29};
3     res.send(data);
4 });

在浏览器中打开如下所示：

如果要单独返回一个数字，需要加引号，转换成字符串，否则会被当成状态码，如下所示：

1 router.get('/', function(req, res, next) {
2     //res.send(10);//错误
3     res.send("10");//正确
4 });

返回错误示例，截图如下所示：

 

 注意：res.send方法，在一个请求内，是能生效一次，如果连续写多个，则会丢失且报错。如下所示：

1 router.get('/', function(req, res, next) {
2     res.send("123");
3     res.send("456");//此内容不会输出，且后台会报错
4 });

在浏览器打开及后台错误，如下所示：

 

 针对这种需要需要发送多次数据的情况，可以先将数据进行拼接组装，再统一发送。

4. res.json方法

Express提供了专门的返回json数据的方法，在返回响应数据时，同时设置响应头。如下所示：

1 router.get('/', function(req, res, next) {
2     var data={"name":"小六公子","age":29};
3     res.json(data);
4 });

在浏览器中打开如下所示：

 

5.  res.render方法

用户读取模板，并渲染数据到模板中，然后再发送到客户端。如下所示：

index.ejs模块文件如下所示：

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <title><%= title %></title>
 5     <link rel='stylesheet' href='/stylesheets/style.css' />
 6   </head>
 7   <body>
 8     <h1><%= title %></h1>
 9     <p>Welcome to <%= title %></p>
10     <p>I am <%= name %></p>
11   </body>
12 </html>

渲染如下所示：

1 router.get('/', function(req, res, next) {
2     res.render('index', { title: 'Express' ,name:"小六公子"});
3 });

在浏览器中运行，如下所示：

 

6. res.redirect方法

此方法可以实现页面的后端直接跳转，且没有任何提示，如下所示：

1 router.get('/', function(req, res, next) {
2     res.redirect("https://www.baidu.com");//跳转
3 });

注意：页面跳转后，浏览器中的网址也会变成跳转后的新网址。

7. 链式调用

响应对象的方法可以链式调用，如下所示：

1 router.get('/', function(req, res, next) {
2     res.status(200).send("小六呀");//先设置状态码，再输出内容
3 });

请求对象(req)

请求对象包含了一次请求中的所有数据（如：请求头，请求体等）。

1. 获取GET方式参数

在Express中，获取GET方式传递的参数非常简便，如下所示：

1 router.get('/', function(req, res, next) {
2     //请求格式：req.query.参数名
3     var name = req.query.name;
4     var age = req.query.age;
5     res.send("姓名："+name+",年龄："+age);
6 });

在命令行中运行程序，并在浏览器中打开，如下所示：

2. 获取POST方式参数

POST方式通过【req.body.参数名】 的方式进行获取。POST方式一般采用form表单的方式实现。

创建一个静态网页login.html，如下所示：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>登录</title>
 6     </head>
 7     <body>
 8         <form method="post" action="/login.html">
 9             姓名：<input type="text" name="name" /> <br />
10             年龄：<input type="text" name="age" /> <br />
11             <input type="submit" value="登录" />
12         </form>
13     </body>
14 </html>

在路由文件中，获取参数，并进行返回，如下所示：

1 router.post('/login.html',function(req,res,next){
2     var name = req.body.name;
3     var age = req.body.age;
4     res.send("【POST方式】姓名："+name+",年龄："+age);
5 });

在浏览器中打开，如下所示：

注意：第一次打开form表单是GET方式，第二次响应是POST方式，所以在路由中设置的POST方式响应页面。在控制台窗口日志如下所示：

3. 参数匹配模式

地址栏中的参数还可以通过参数匹配的方式进行获取。匹配地址通过【冒号参数名】的方式，然后通过【req.params.参数名】进行获取。如下所示：

1 router.get('/list/:id/:name', function(req, res, next) {
2     var id = req.params.id;
3     var name = req.params.name;
4     res.send("传递的参数为id："+id+",name:"+name);
5 });

然后在浏览器打开，如下所示：

 

中间件

Express是一个自身功能极简，完全是由路由和中间件构成的一个web开发框架，从本质上来说，一个Express的应用就是在调用各种中间件。

在Node.js中，中间件本质是一个函数，它可以访问请求对象，响应对象和next尾函数。如果当前中间件没有终结请求-响应循环，则必须调用next方法将控制权交给下一个中间件，否则请求会挂起。

如404时，调用创建错误方法，如下所示：

1 app.use(function(req, res, next) {
2   next(createError(404));
3 });

备注

走马川行奉送出师西征 / 走马川行奉送封大夫出师西征

【作者】岑参 【朝代】唐

君不见走马川行雪海边，平沙莽莽黄入天。

轮台九月风夜吼，一川碎石大如斗，随风满地石乱走。

匈奴草黄马正肥，金山西见烟尘飞，汉家大将西出师。

将军金甲夜不脱，半夜军行戈相拨，风头如刀面如割。

马毛带雪汗气蒸，五花连钱旋作冰，幕中草檄砚水凝。

虏骑闻之应胆慑，料知短兵不敢接，车师西门伫献捷。

入门NodespancolorstyleJavaScript

有关Node.js基础入门第十天的更多相关文章

  1. postman接口测试工具-基础使用教程 - 2

    1.postman介绍Postman一款非常流行的API调试工具。其实，开发人员用的更多。因为测试人员做接口测试会有更多选择，例如Jmeter、soapUI等。不过，对于开发过程中去调试接口，Postman确实足够的简单方便，而且功能强大。2.下载安装官网地址:https://www.postman.com/下载完成后双击安装吧，安装过程极其简单，无需任何操作3.使用教程这里以百度为例,工具使用简单，填写URL地址即可发送请求，在下方查看响应结果和响应状态码常用方法都有支持请求方法:getpostputdeleteGet、Post、Put与Delete的作用get：请求方法一般是用于数据查询，

  2. 软件测试基础 - 2

    Ⅰ软件测试基础一、软件测试基础理论1、软件测试的必要性所有的产品或者服务上线都需要测试2、测试的发展过程3、什么是软件测试找bug，发现缺陷4、测试的定义使用人工或自动的手段来运行或者测试某个系统的过程。目的在于检测它是否满足规定的需求。弄清预期结果和实际结果的差别。5、测试的目的以最小的人力、物力和时间找出软件中潜在的错误和缺陷6、测试的原则28原则：20%的主要功能要重点测（eg：支付宝的支付功能，其他功能都是次要的）80%的错误存在于20%的代码中7、测试标准8、测试的基本要求功能测试性能测试安全性测试兼容性测试易用性测试外观界面测试可靠性测试二、质量模型衡量一个优秀软件的维度①功能性功

  3. LC滤波器设计学习笔记（一）滤波电路入门 - 2

    目录前言滤波电路科普主要分类实际情况单位的概念常用评价参数函数型滤波器简单分析滤波电路构成低通滤波器RC低通滤波器RL低通滤波器高通滤波器RC高通滤波器RL高通滤波器部分摘自《LC滤波器设计与制作》，侵权删。前言最近需要学习放大电路和滤波电路，但是由于只在之前做音乐频谱分析仪的时候简单了解过一点点运放，所以也是相当从零开始学习了。滤波电路科普主要分类滤波器：主要是从不同频率的成分中提取出特定频率的信号。有源滤波器：由RC元件与运算放大器组成的滤波器。可滤除某一次或多次谐波，最普通易于采用的无源滤波器结构是将电感与电容串联，可对主要次谐波（3、5、7）构成低阻抗旁路。无源滤波器：无源滤波器，又称

  4. 微信小程序开发入门与实战（Behaviors使用） - 2

    @作者:SYFStrive @博客首页:HomePage📜：微信小程序📌：个人社区（欢迎大佬们加入）👉：社区链接🔗📌：觉得文章不错可以点点关注👉：专栏连接🔗💃：感谢支持,学累了可以先看小段由小胖给大家带来的街舞👉微信小程序（🔥）目录自定义组件-behaviors    1、什么是behaviors    2、behaviors的工作方式    3、创建behavior    4、导入并使用behavior    5、behavior中所有可用的节点    6、同名字段的覆盖和组合规则总结最后自定义组件-behaviors    1、什么是behaviorsbehaviors是小程序中，用于实现

  5. 【Java入门】使用Java实现文件夹的遍历 - 2

    遍历文件夹我们通常是使用递归进行操作，这种方式比较简单，也比较容易理解。本文为大家介绍另一种不使用递归的方式，由于没有使用递归，只用到了循环和集合，所以效率更高一些！一、使用递归遍历文件夹整体思路1、使用File封装初始目录，2、打印这个目录3、获取这个目录下所有的子文件和子目录的数组。4、遍历这个数组，取出每个File对象4-1、如果File是否是一个文件，打印4-2、否则就是一个目录，递归调用代码实现publicclassSearchFile{publicstaticvoidmain(String[]args){//初始目录Filedir=newFile("d:/Dev");Datebeg

  6. ES基础入门 - 2

    ES一、简介1、ElasticStackES技术栈：ElasticSearch：存数据+搜索；QL；Kibana：Web可视化平台，分析。LogStash：日志收集，Log4j:产生日志；log.info(xxx)。。。。使用场景：metrics：指标监控…2、基本概念Index（索引）动词：保存（插入）名词：类似MySQL数据库，给数据Type（类型）已废弃，以前类似MySQL的表现在用索引对数据分类Document（文档）真正要保存的一个JSON数据{name:"tcx"}二、入门实战{"name":"DESKTOP-1TSVGKG","cluster_name":"elasticsear

  7. ruby-on-rails - Assets 管道损坏 : Not compiling on the fly css and js files - 2

    我开始了一个新的Rails3.2.5项目，Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1

  8. ruby-on-rails - Rails - 理解 application.js 和 application.css - 2

    rails新手。只是想了解\assests目录中的这两个文件。例如，application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文，我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢？我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件？同样，我正在按照一些说明安装TwitterBootstrap(http:

  9. node.js - 如何在 Travis CI 上的一个项目中运行 Node.js 和 Ruby 测试 - 2

    我有一个包含多个组件的存储库，其中大部分是用JavaScript(Node.js)编写的，一个是用Ruby(RubyonRails)编写的。我想要一个.travis.yml文件来触发一个运行每个组件的所有测试的构建。根据thisTravisCIGoogleGroupthread，目前还没有官方支持。我的目录结构是这样的:.├──构建服务器├──核心├──扩展├──网络应用├──流浪文件├──package.json├──.travis.yml└──生成文件我希望能够运行特定版本的Ruby(2.2.2)和Node.js(0.12.2)。我已经有了一个make目标，所以maketest在每

  10. 【网络】-- 网络基础 - 2

    （本文是网络的宏观的概念铺垫）目录计算机网络背景网络发展认识"协议"网络协议初识协议分层OSI七层模型TCP/IP五层(或四层)模型报头以太网碰撞路由器IP地址和MAC地址IP地址与MAC地址总结IP地址MAC地址计算机网络背景网络发展        是最开始先有的计算机，计算机后来因为多项技术的水平升高，逐渐的计算机变的小型化、高效化。后来因为计算机其本身的计算能力比较的快速：独立模式：计算机之间相互独立。    如：有三个人，每个人做的不同的事物，但是是需要协作的完成。    而这三个人所做的事是需要进行协作的，然而刚开始因为每一台计算机之间都是互相独立的。所以前面的人处理完了就需要将数据

随机推荐