能否将Ajax成功回调响应渲染至EJS文件？能否从公共目录Ajax文件跳转至指定EJS文件

让我一步步帮你理清这两个问题，结合你的场景给出具体方案：

1. 能否从public目录的some.ajax重定向到WebServer目录的comparison.ejs？ #

答案是不能直接这么做，但可以通过服务器路由间接实现。

原因很简单：public目录下的文件是静态资源，浏览器直接请求就能获取；而EJS是服务器端模板文件，它不能被浏览器直接访问，必须由你的后端服务器（比如Express）编译渲染后，再返回给浏览器。

正确的做法是：

• 在你的后端代码中设置一个路由，比如 /comparison，在这个路由里负责渲染 WebServer/comparison.ejs 文件。
• 在Ajax的成功回调里，通过 window.location.href 跳转到这个路由地址，而不是直接指向EJS文件的路径。

举个Express后端的路由示例：

// 假设你的EJS模板存放在 views/WebServer 目录下，先配置模板路径
app.set('views', path.join(__dirname, 'WebServer'));
app.set('view engine', 'ejs');

// 设置comparison路由
app.get('/comparison', (req, res) => {
  // 如果需要给EJS传数据，可以在这里处理，比如从URL参数或请求体获取
  res.render('comparison');
});

然后在你的Ajax回调里修改跳转逻辑：

success: function(response) {
  // 跳转到服务器渲染EJS的路由
  window.location.href = '/comparison';
}

2. 能否将Ajax成功回调的响应渲染到EJS文件中？ #

可以实现，但分两种常见场景，取决于你是想做完整页面渲染还是局部更新：

场景1：服务器端渲染EJS（完整页面） #

如果希望跳转到一个全新的、由服务器渲染好的comparison页面，并且把Ajax获取的数据传递给EJS，可以：

• 在Ajax成功后，把数据通过URL参数、Session或者Cookie传递给后端路由
• 后端路由接收数据后，渲染EJS时将数据作为模板变量传入

修改后的Ajax代码：

success: function(response) {
  // 把响应数据转成JSON字符串，通过URL参数传递
  const encodedData = encodeURIComponent(JSON.stringify(response));
  window.location.href = `/comparison?data=${encodedData}`;
}

后端路由接收数据并渲染：

app.get('/comparison', (req, res) => {
  const data = JSON.parse(decodeURIComponent(req.query.data));
  // 把数据传给EJS模板
  res.render('comparison', { comparisonData: data });
});

然后在 comparison.ejs 里就可以直接使用这个变量了：

<h1>Comparison Results</h1>
<div>
  <%= comparisonData.someKey %>
</div>

场景2：客户端渲染（局部更新页面） #

如果不想跳转页面，只想在当前页面用EJS渲染Ajax响应的内容，你需要使用客户端版EJS库：

• 先在页面引入客户端EJS（可以通过本地文件引入）
• 在页面中定义EJS模板片段
• 在Ajax成功回调里，用EJS渲染模板并插入到页面指定位置

示例代码：

<!-- 在当前页面（比如some.ajax对应的页面）定义EJS模板 -->
<script type="text/ejs" id="comparison-template">
  <h2>局部渲染的结果</h2>
  <ul>
    <% data.forEach(item => { %>
      <li><%= item %></li>
    <% }) %>
  </ul>
</script>

<!-- 用来显示渲染结果的容器 -->
<div id="comparison-container"></div>

Ajax回调修改：

success: function(response) {
  // 获取模板内容
  const template = $('#comparison-template').html();
  // 用客户端EJS渲染模板
  const renderedHtml = ejs.render(template, { data: response });
  // 插入到页面容器中
  $('#comparison-container').html(renderedHtml);
}

总结 #

• 静态文件不能直接重定向到EJS文件，必须通过后端路由渲染EJS后跳转
• Ajax响应可以渲染到EJS，要么通过后端路由传参做服务器端渲染，要么用客户端EJS做局部渲染

内容的提问来源于stack exchange，提问作者Sarthak Agarwal