1

我有一个问题，我找不到自己，所以任何帮助表示赞赏。

我有一个动态购物车，里面装满了一些 JSON 数据。在购物车中，运费也由相同的 json 数据填充。当方法可用时，脚本本身就可以工作。当该国家/地区不提供运输方式时，脚本应显示“不可用”或类似的内容。相反，它返回一个未定义的错误，导致购物车无法工作。经过一番搜索，我发现当用户来自 A 国（由购物车支持）时，Json 字符串中存在变量“methods”。当用户来自 B 国（不受支持）时，json 字符串中不存在变量“methods”。显然这会导致错误。所以我试图实现的是检查变量“方法”是否存在。我找到了一些答案，比如使用 typeof，

我的剧本

 <script type="text/javascript">

        function getPriceDynamicCart(price){
          price = parseFloat(price).toFixed(2);
            price = '€ ' + price.replace('.', ',');
          return price;
        }
        function loadDynamicCart(){
          var url = "{{ '/cart/' | url }}?format=json";

          $.getJSON(url,function(data){

            var cartHtml = '';
            var priceTotal = 0;
            var foundShipment = false;

             $.each(data.cart.products, function(index, product){                  

              priceTotal = priceTotal + parseFloat(product.price.price_incl);
              productTitleLimit = jQuery.trim(product.fulltitle).substring(0, 19);

              cartHtml = cartHtml +
                '<div class="cart-product"><div class="cart-quantity">' +product.quantity+'&nbsp;x&nbsp;</div><div class="cart-title"><a href="'+ product.url +'" alt="'+ product.fulltitle + '" title="'+ product.fulltitle + '">' + productTitleLimit + '</a></div><div class="cart-price">' + getPriceDynamicCart(product.price.price_incl) + '</div></div>';
            });

            $.each(data.cart.shipping.methods, function(index, method){

              if(!foundShipment && !method.cod && !method.pickup) {
                priceTotal = priceTotal + parseFloat(method.price.price_incl);
                cartHtml = cartHtml +
                  '<div class="cart-shipping"><a class="vracht" style="cursor:pointer;" rel="nofollow">Verzendkosten:<br />(Vervallen bij afhalen)</a><div class="cart-price"> ' + getPriceDynamicCart(method.price.price_incl) + '</div></div>';

                foundShipment = true;                
              }
            });

            cartHtml = cartHtml +
              '<div class="cart-total"><div class="total">Totaal(incl. btw): <span>' + getPriceDynamicCart(priceTotal) + '</span></div>';

            $('#dynamic_cart').html(cartHtml);

          });
        }

        $().ready(function(){
          loadDynamicCart();
        });
      </script>
4

2 回答 2

3 
if(data.cart.shipping.methods !== undefined){

    $.each(data.cart.shipping.methods, function(index, method){

          if(!foundShipment && !method.cod && !method.pickup) {
            priceTotal = priceTotal + parseFloat(method.price.price_incl);
            cartHtml = cartHtml +
              '<div class="cart-shipping"><a class="vracht" style="cursor:pointer;" rel="nofollow">Verzendkosten:<br />(Vervallen bij afhalen)</a><div class="cart-price"> ' + getPriceDynamicCart(method.price.price_incl) + '</div></div>';

            foundShipment = true;                
          }
        });
}else{
  cartHtml = cartHtml +
              '<div class="cart-shipping"><a class="vracht" style="cursor:pointer;" rel="nofollow">Verzendkosten:<br />(Vervallen bij afhalen)</a><div class="cart-price">**Anything you care to write**</div></div>';
}

那应该行得通。

编辑，我添加了一条 else 语句来设置 cartHtml 变量，这样您就可以更加灵活地供将来使用。

于 2012-11-06T17:28:32.487 回答
0

您可以在调用之前检查该data.cart.shipping.methods属性是否为空/未定义each：

if (data.cart.shipping.methods) {
    $.each(data.cart.shipping.methods, function(index, method){
    //...
    }
}
于 2012-11-06T17:27:27.767 回答