更新Express.js的本地路由变量,而无需重新加载页面

时间:2016-08-07 21:20:54

标签: javascript jquery ajax node.js express

我正在使用带有express.js框架和EJS的node.js来处理模板。

这是我的路线:

var highlighted = angular.element(document.querySelector(".btn-danger"));

当我调用app.post时,我会对更新​​变量app.get('/',function(req,res) { res.render('index', { matches: [], status_message: '', message: '' }); }); 'matches'的数据库运行查询。如何在不重新加载页面的情况下更新页面中呈现的这些变量。

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

1 个答案:

答案 0 :(得分:1)

使用AJAX

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

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