前端获取数据后如何渲染到ejs界面

前端获取数据后可以通过 AJAX 或者 Fetch 等技术将数据传递到后台的 Koa 服务器，然后在 Koa 服务器中将数据渲染到 EJS 模板中，最后将渲染后的 HTML 页面返回给浏览器。

以下是一个简单的示例：

在前端，可以使用 AJAX 技术将数据发送到 Koa 服务器：

$.ajax({
  url: '/getData',
  type: 'GET',
  dataType: 'json',
  success: function(data) {
    // 在此处将数据渲染到 EJS 模板中
  }
});

在 Koa 服务器，可以创建一个路由来处理前端发送的请求，并将数据渲染到 EJS 模板中：

const Koa = require('koa');
const Router = require('koa-router');
const views = require('koa-views');

const app = new Koa();
const router = new Router();

app.use(views(__dirname + '/views', {
  extension: 'ejs'
}));

router.get('/getData', async (ctx, next) => {
  // 获取数据
  const data = { title: 'Hello', content: 'World' };

  // 渲染 EJS 模板
  await ctx.render('index', data);

  // 将渲染后的 HTML 页面返回给浏览器
  ctx.type = 'html';
  ctx.body = ctx.body;
});

app.use(router.routes());

app.listen(3000);

在 EJS 模板中，可以使用 `<%= %>` 语法来输出数据：

<h1><%= title %></h1>
<p><%= content %></p>

这样就可以将前端获取的数据渲染到 EJS 模板中了。