jquery API 数据未正确更新 - 1 个数字到低

Question

我正在执行API调用来购买商品，这会使用+1更新JSON。如果我直接转到 API URL，它会显示正确的数字。但是，jquery 未正确更新。似乎当我单击按钮时，它是 1 个整数到低。例如，我从 10 开始，在 11 上单击两次。然而，实际的 URL 返回 12。

$('.buy-pack-btn').click(function(){
var productName = $(this).attr('data-value');
var url = "/api/cart/addtocart.json?product=" + productName;
$.post(url);
itemsInCart();
console.log(url);
});
function itemsInCart() {
$.get( "/api/cart/cartquantity.json", function(data){
console.log("Quanitity: " + data);
if (data > 0) {
var itemsCart = '<div class="items-in-cart animated bounceIn">';
itemsCart += data + '</div>';
console.log(itemsCart);
console.log("Quanitity: " + data);
$('.cart-icon').html(itemsCart);
}
});
}

我需要添加延迟或其他内容吗？问题是我想实时更新 HTML。因此，当一个人在我需要值以在购物车上更改的商品上单击 + 或 X 或 - 的第二个。

Answer 1

通过以这种方式添加延迟来修复它。

function itemsInCart() {
setTimeout(function(){
$.get( "https://service-experience.nl/api/cart/cartquantity.json", function(data){
console.log("Quanitity: " + data);
if (data > 0) {
var itemsCart = '<div class="items-in-cart animated bounceIn">';
itemsCart += data + '</div>';
console.log(itemsCart);
console.log("Quanitity: " + data);
$('.cart-icon').html(itemsCart);
}
});
}, 100);
}