1

我只是在我的网站上制作用于跟踪应用程序的小代码。

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

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

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

谢谢

4

1 回答 1

0

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

data.consignmentSet[0].consignmentId

应该管用！

您可以使用JSONLint来验证和漂亮地打印您的 JSON，以更好地挖掘它的结构。

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

于 2012-11-11T11:24:04.670 回答