2012-11-11 79 views
1

我只是在跟踪应用程序的小代码到我的网站。Json查询 - 无法从数组中获得结果

我在json上很新,所以我找不到我的代码有什么问题。它已经现在看两天:

下面是代码

<http://code.jquery.com/jquery-latest.min.js> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     var inputField = $('#tracking'); 
     var outputElement = $('#textResult'); 
     inputField.keyup(function() { 
     if (inputField.val().length > 1) { 
     $.getJSON('http://sporing.bring.no/sporing.json?q=' + inputField.val(),      
      function(data){ 
      outputElement.html('ID' + data.consignmentSet.consignmentId); 
      }); 

     } else { 
      outputElement.html('No result!'); 
     } 
     }); 
    }); 
    </script> 


<div>                  
<input type="text" id="tracking" style="width: 17;" maxlength="30"/><br/><span  id="textResult"></span> 
</div> 
</body></html> 

我的来源是:http://developer.bring.com/api/trackingapi.html#json

跟踪JSON来源:http://sporing.bring.no/sporing.json?q=TESTPACKAGE-AT-PICKUPPOINT

链接给出了结果,但i'n不能显示它。

它是简单的代码,所以希望有人能解释我,我做错了什么......

感谢

回答

0

data.consignmentSet包含一个元素,以便

data.consignmentSet[0].consignmentId 

数组应该管用!

您可以使用JSONLint来验证并打印出您的JSON以更好地挖掘其结构。

此外,您可以使用调试器在运行时探索数据的内容。大多数浏览器都有他们的F12开发人员工具或者您可以安装Firebug。然后切换到脚本选项卡,转到您访问数据的代码行并单击行号。在运行脚本时代码执行停止的地方将设置断点。当达到断点时,您可以浏览Watch窗口中的数据。

+0

就是这样,现在起作用了。我还需要添加&callback =?在查询字符串的结尾来让它工作。谢谢也许! – exoticDEVIL

+0

很高兴听到这个消息。如果它解决了您的问题,请考虑将其标记为答案。 –