在不重新加载页面的情况下更新 Express.js 的本地路由变量

Question

我使用 node.js 和 express.js 框架和 EJS 来处理模板。

这是我的路线：

app.get('/',function(req,res) {
  res.render('index', {
    matches: [],
    status_message: '',
    message: ''
  });
});

当我调用 app.post 时，我对数据库运行查询以更新变量 'matches' 和 'status_message'。如何在不重新加载页面的情况下更新页面中呈现的这些变量。

例如，如果用户提供的凭据无效，我想将'status_message' 更新为“无效凭据”。

Answer 1

使用AJAX。

基本上，现代浏览器实现了一个名为XMLHttpRequest 的类，它可以向 HTTP 服务器发出 HTTP 请求。在您的客户端 Javascript 中，创建一个 XMLHttpRequest 对象并使用它来执行对您的服务器的 post 请求。使用相同的XMLHTTPRequest 对象来监听服务器响应，然后对响应做任何你想做的事情，比如更新div。

你用 ajax 标记了这个问题，所以我猜你已经知道了，但你没有在问题中提及或询问任何有关它的内容。网上有很多这样的例子，例如here 你可以试试。还有jQuery.ajax()，您可能会发现它比原生 AJAX 更易于使用。