如何使用 node js express 渲染视图模板

Question

我创建了一个 Ajax 请求（如下），它将数据与我需要的信息一起传递到服务器。

function verify(key) {

    $.ajax({
      async: true,
      type: 'GET',
      url: '/zonepass/'+key,
      data: { 
        'zone_key': key
      },
      success: function(res){
          //alert('Sent a text message successfully to ' + res);
      }

    });
}

我在服务器端处理 Ajax 请求，在服务器端我使用传入的数据来查询我的 Firebase 数据库以获取其他相关信息。

然后我尝试使用 res.render('verify',{zone: obj, key: zone_key}) 呈现我想要导航到的视图页面，其中 verify 是我想要将用户导航到的另一个 .ejs 文件，JSON 对象是我想要传递到的数据那个模板。

我的代码没有呈现视图页面，我不知道为什么。我控制台记录了服务器上的所有数据，并且所有数据都被正确提取，但是我的视图页面永远不会导航到验证 ejs 文件...

app.get('/zonepass/:id', function(req,res) {
  var zone_key = req.param('zone_key');
  var zone_obj = firebase.database().ref('zones').child(zone_key).once('value').then((snap) => {
    obj = snap.val();
    res.render('verify',{zone: obj, key: zone_key});
  });
});

Answer 1

res.render 不适用于 ajax 请求，来自 ajax 调用的响应返回并可在 success 函数内访问，但 res.render 也不起作用 res.redirect 不适用于 ajax 请求.

因此，您需要使用表单提交请求或在前端重定向到该路由，这在技术上也是 get 请求，但没有 ajax 示例：

仅使用 HTML：

<a href="/zonepass/<your id>?zone_key=<your zone key>">Verify</a>

使用 JavaScript：

function verify(key) {
    window.location.href= "/zonepass/"+ <your id> + "?zone_key=<your zone key>"
}

此外，在您的 NodeJS 路由中，您可以使用 req.params.id 访问 id，使用 zone_key 访问 zone_key，因此您的服务器代码将是：

app.get('/zonepass/:id', function(req,res) {

    var id = req.params.id;          
    var zone_key = req.query.zone_key;
    var zone_obj = firebase.database().ref('zones').child(zone_key).once('value').then((snap) => {
           obj = snap.val();
           res.render('verify',{zone: obj, key: zone_key});
    });
});

顺便说一句，您需要在验证视图中处理，如果密钥未验证，例如您在验证视图中显示错误或消息，密钥不正确......或与您的逻辑相关的任何消息