2012-11-06 58 views
1

我有一个问题我找不到自己,所以任何帮助赞赏。检查变量是否存在于json字符串

我有一个充满了一些JSON数据的动态购物车。在购物车中,运费也由同一个json数据填充。当方法可用时,脚本本身就可以工作。当运送方法不适用于该国家时,脚本应该说“不可用”或类似的东西。相反,它会返回一个未定义的错误,导致购物车无法工作。经过一番搜索后,我发现当用户来自国家A(由购物车支持)时,变量“methods”出现在Json字符串中。当用户来自国家B(不支持)时,变量“方法”不存在于json字符串中。显然这会导致错误。 所以我试图实现的是检查变量“方法”是否存在。 我发现了一些像使用typeof,HasOwnProperty,lenght()等答案,但我无法弄清楚我应该如何在下面的脚本中实现它。

我的脚本

<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> 
+0

我不想标记为完全重复...但这里是一个答案,显示如何测试一个值对'undefined'。 [Javascript isset()等效](http://stackoverflow.com/a/2281671/558021) – Lix

回答

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变量,所以您有更多的灵活性以供将来使用。

+0

这个简单?它似乎工作......你知道我一直在寻找解决方案多久了...... Thx你让我的一天! – Meules

+0

对不起后一个问题。这说“如果不确定”?如何添加“替换”+ getPriceDynamicCart +的代码,如“不可用”? – Meules

+1

编辑我的答案,我已经使用了一个else语句,所以你可以更灵活地使用你将来可能做的事情。例如,您可能想在属性未定义时使用函数。 – daveyfaherty

0

您可以检查data.cart.shipping.methods物业打电话each以前不为空/未定义:

if (data.cart.shipping.methods) { 
    $.each(data.cart.shipping.methods, function(index, method){ 
    //... 
    } 
} 
+0

不应该检查'undefined'而不是'null'吗?在这种情况下功能相同,因为它们都是虚假的,但仍然是。 –

相关问题