数据绑定Express-Handlebars

Question

我正在开发购物车作为我学习的一部分。

主页

我现在在做什么：

views / index.hbs

<header>
  <div>Shopping cart<span class="badge">{{session.cart.totalQty}}</span><div>
</header>
  . . .
<a href="/add-to-cart/{{product._id}}">Add to Cart</a>

路由/ index.js

// Home page route
router.get('/', function(req, res, next) {

  Product.find()
    .exec(function (err, products) {
      res.render('index', { products: products});
  });
});

routes / cart.js

router.get('/add-to-cart/:id', function (req, res, next) {

  // access database and modify cart (update cart items quantity)
        req.session.cart = cart;
        res.redirect('/');    // redirect to Homepage
});

上面的代码，点击Add to cart按钮后，cart.totalQty会更新，页面会重新加载。

问题：是否可以实现以下功能：点击按钮后，cart.totalQty会更新并且标题徽章会根据cart.totalQty自动绑定并在不重新加载的情况下呈现这页纸？

注意：我正在使用“express-handlebars”模块，但它不包含在html中的handlebar.js中。
请告诉我是否可以提供更多信息。