首页IT科技nodejs视频教程大集合(Node.js基础入门第十天)

nodejs视频教程大集合(Node.js基础入门第十天)

时间2025-06-20 23:32:07分类IT科技浏览3930
导读:经过前面九天的学习,对Node.js开发有了一个初步的认识,今天继续学习Node.js后端开发框架Express相关内容,仅供学习分享使用,如有不足之处,还请指正。...

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

响应对象(res)

1. 什么是响应对象?

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

2. 响应对象常见方法

响应对象的常见方法      ,如下所示:

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

3. res.send方法

返回Json格式的数据      ,如下所示:

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

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

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 });

备注

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

【作者】岑参【朝代】唐

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

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

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

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

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

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

声明:本站所有文章                  ,如无特殊说明或标注                  ,均为本站原创发布                  。任何个人或组织,在未征得本站同意时            ,禁止复制            、盗用                  、采集      、发布本站内容到任何网站            、书籍等各类媒体平台                  。如若本站内容侵犯了原著者的合法权益                  ,可联系我们进行处理。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
win10更新错误代码0x8007003(win10系统更新出现错误代码 0x80248014怎么办)