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);

}

jQuery API数据未正确更新-1到低

1 个答案: