jquery API数据没有正确更新到低数字

Question

我正在做一个购买商品的API调用，它将JSON更新为+1。如果我直接转到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);

}