Jquery - POST，成功回调未执行

Question

我正在使用下面的 Jquery 代码将商品添加到购物车。我的目的是在 Ajax 调用成功后更改“添加到购物车”按钮。然而它并没有发生。代码如下 -

  jQuery.post('/cart/add.js', {
              quantity: 1,
              id: variant_id
  }, function(data){
    var myelem = document.getElementById('red') ;
    if (myelem != null){
      document.getElementById('red').id = 'normal';
    }
    $("span").removeClass("hidden-count");
    $(".cart-count").text('1');
    $("#AddToCartText").text("Added");
    $("#AddToCart").css("color","Green");

  });

目前，代码正在将商品添加到购物车，但我没有看到预期的元素操作。 用于操作元素的 jquery 是正确的，因为当我将其从成功回调中删除，并将其放在 AJAX 调用之后(不依赖于 AJAX 调用)时，在这种情况下，元素将被操作。

1. 我已提及http://api.jquery.com/jquery.post/验证语法。
2. 我检查了开发者工具 (Chrome) 中的“控制台”，那里没有错误消息。

请告诉我，我在哪里犯了错误。

Answer 1

这在我的购物车中有效。注意第四个参数。 id 是变体 id:

jQuery.post('/cart/add.js', {id:6028354753}, function(data){
  console.log(data);
},'json');