nodejs系列:43.koa之koa-json中间件-上篇

236 阅读3分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第18天,点击查看活动详情

系列介绍

该系列主要是介绍一些nodejs相关的基础知识,没有什么特别难的知识点,都是一些比较基础知识点。大家学习起来,也会比较容易理解和接收。

这些知识点,也是以前自己学习nodejs的时候,学习过的知识点。有些知识点,可能是由于学习的时间比较久了,也有可能是平时工作中用到的机会比较少,也差不多快把它们都忘记掉了。现在把它们都写下来,写成文章,一方面是记录下自己以前学习的nodejs知识点,一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着,就把以前的知识点都忘光了。

环境安装

实现之前,你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行,如果你没有,那么文件会运行不了。

以下是nodejs的安装地址,如果你没有安装的话,可以先把它安装上。安装了可以忽略这一步,跳到下面一步。

nodejs安装

前言

在前面几篇文章里nodejs系列:40-42篇文章,主要介绍了koa-multer这个中间件。

使用koa-multer中间件,就可以比较方便、快速地处理上传文件的功能。使用了该中间件,就可以不用写大段地处理上传文件的代码逻辑,给我们的开发提供大量的便利。

介绍完koa-multer这个中间件,接下来,我们介绍一下另外一个中间件--koa-json

koa-json

koa-json中间件,可以用来格式化服务器响应给到客户端的json格式数据。

这么说,可能有点难以理解,下面我们通过一个简单示例来讲解一下。

实现

创建文件

创建一个index.html文件,我们的客户端代码逻辑要在这个文件里面完成

定义ajax函数
function ajax(url, method = "get") {
        let xhr = new XMLHttpRequest();
        xhr.open(method, url);
        xhr.onreadystatechange = function () {
          if (xhr.readyState == 4) {
            if (xhr.status == 200) {
              console.log(xhr.responseText);
            }
          }
        };
        xhr.send();
      }

定义一个ajax函数,该函数里,主要是创建一个xmlhttprequest的实例对象。利用该实例对象,发送ajax请求,给到服务器端。

由于我们这里是简单示例,所以对响应内容没做处理,直接把响应内容给打印出来。

调用ajax函数

ajax("http://localhost:3000/index");

调用ajax函数,发送ajax请求,给到服务器端。

小结

本小节,主要介绍了koa-json中间件

koa-json中间件,可以用来格式化服务器响应给到客户端的json格式数据

同时,我们先把客户端的代码逻辑完成。方便下一小节,使用客户端的代码。

最后,放上自己比较喜欢的一句诗句:

千淘万漉虽辛苦,吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》