Node.js基础入门第十天

最新推荐文章于 2024-05-22 17:04:43 发布

老码识途呀

最新推荐文章于 2024-05-22 17:04:43 发布

阅读量1.6k

点赞数 2

分类专栏： Node.js 文章标签： node.js express javascript

本文版权归作者和CSDN共有，写文不易，支持原创，欢迎转载【点赞】，转载请保留此段声明，且在文章页面明显位置给出原文连接，谢谢。

本文链接：https://blog.csdn.net/fengershishe/article/details/124333722

版权

Node.js 专栏收录该内容

10 篇文章 2 订阅

订阅专栏

经过前面九天的学习，对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格式的数据，如下所示：

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

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

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

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

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

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

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

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

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

4. res.json方法

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

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

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

5. res.render方法

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

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

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <p>I am <%= name %></p>
  </body>
</html>

渲染如下所示：

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

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

6. res.redirect方法

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

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

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

7. 链式调用

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

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

请求对象(req)

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

1. 获取GET方式参数

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

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

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

2. 获取POST方式参数

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

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>登录</title>
    </head>
    <body>
        <form method="post" action="/login.html">
            姓名：<input type="text" name="name" /> <br />
            年龄：<input type="text" name="age" /> <br />
            <input type="submit" value="登录" />
        </form>
    </body>
</html>

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

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

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

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

3. 参数匹配模式

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

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

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

中间件

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

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

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

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

备注

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

【作者】岑参【朝代】唐

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

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

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

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

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

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