Question

我只是为我的网站制作了跟踪应用程序的小代码。

我在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

链接给出结果，但我无法显示它。

这是简单的代码，所以希望有人可以解释我做错了什么......

由于

Answer 1

data.consignmentSet包含一个包含一个元素的数组

data.consignmentSet[0].consignmentId

应该有用！

您可以使用JSONLint验证并打印您的JSON，以便更好地挖掘它的结构。

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

Json查询 - 无法从数组中获取结果

1 个答案: