我正在开发购物车作为我学习的一部分。
主页
我现在在做什么：
意见/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});
});
});
路线/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自动更新和header的badge自动绑定cart.totalQty渲染的功能，无需重新加载页面？
注意：我使用的是“express-handlebars”模块，即它不包含在 html 中的 handlebar.js 中。
请告诉我是否可以提供更多信息。