持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第27天，点击查看活动详情
系列介绍
该系列主要是介绍一些nodejs相关的基础知识，没有什么特别难的知识点，都是一些比较基础知识点。大家学习起来，也会比较容易理解和接收。
这些知识点，也是以前自己学习nodejs的时候，学习过的知识点。有些知识点，可能是由于学习的时间比较久了，也有可能是平时工作中用到的机会比较少，也差不多快把它们都忘记掉了。现在把它们都写下来，写成文章，一方面是记录下自己以前学习的nodejs知识点，一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着，就把以前的知识点都忘光了。
环境安装
实现之前，你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行，如果你没有，那么文件会运行不了。
以下是nodejs的安装地址，如果你没有安装的话，可以先把它安装上。安装了可以忽略这一步，跳到下面一步。
前言
在上一篇文章里nodejs系列：80.koa之图形验证码-中，主要是完成了我们示例里要用到的服务器端代码逻辑。
客户端页面和服务器端代码都完成了，接下来，我们将进行前后端联调。
示例
在cmd里，用node运行index.js，启动服务器。
启动服务器后，在浏览器里，打开index.html文件
在浏览器里，页面是空白的，没有看到图形验证码。
我们到浏览器的控制台查看一下
从报错信息里，提示我们，读取data时获取不到。
在index.html文件里，发送ajax请求的时候，把响应内容打印一下
console.log(res);
通过观察浏览器控制台的日志，我们可以发现，响应回来的内容，是json格式的，所以获取不到data。
我们把json格式字符串，转换成对象格式，方便我们获取data数据
const result = JSON.parse(res);
element.innerHTML = result.data.data;
在cmd里，用node重新运行index.js。到浏览器里，刷新页面
这时，我们可以看到图形验证码了。
到这里，前后端已经联调完成了。不过，我还打算再增加一点功能：点击图片时，可以刷新图片。
给div元素，绑定点击事件
element.addEventListener("click", function () {
ajax("http://localhost:3000/image", "get", function (res) {
const result = JSON.parse(res);
element.innerHTML = result.data.data;
});
});
在cmd里，用node重新运行index.js。到浏览器里，刷新页面
可以看到图形验证码，我们点击一下图片
发现图形验证码改变了，说明我们增加的小功能也实现了。
小结
本小节，主要是进行前后端联调工作。通过本次前后端联调，把联调过程中遇到的问题解决了。同时，也完成了在koa里实现图形验证码的功能。
最后，放上自己比较喜欢的一句诗句：
千淘万漉虽辛苦，吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》
