nodejs系列:68.koa之koa-json-error-2

93 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第14天,点击查看活动详情

系列介绍

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

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

环境安装

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

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

nodejs安装

前言

在上一篇文章里nodejs系列:67.koa之koa-json-error-1,主要是介绍了在koa里请求出错时,设置响应请求的错误信息。

接下来,我们要介绍一下怎么使用中间件在koa里进行请求错误的处理。

在介绍之前,先完成示例的前端页面构建工作

实现

创建文件

创建一个index.html文件,前端代码将在这个文件里完成

创建dom结构
<input type="text" />
<button>发送请求</button>

有一个input输入框,来输入请求路径。有一个button按钮,用来发送请求。前端页面其实比较简单,只有这两个dom结构。

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

定义一个ajax函数,后面发送请求时,需要调用这个ajax函数

获取dom
 let ipt = document.querySelector("input");
 let btn = document.querySelector("button");

获取input输入框和button按钮的dom

监听dom事件
 btn.addEventListener("click", () => {
        let url = ipt.value;
        ajax(url);
 });

监听button按钮的点击事件,获取input输入框的内容,发送ajax请求

小结

本小节,主要是完成了前端页面的构建工作。为下几篇文章,用到前端页面,先做好准备。

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

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