1

私は自分のウェブサイトにアプリを追跡するための小さなコードを作成しています。

私はjsonにかなり慣れていないので、コードのどこが悪いのかわかりませんでした。2日が経ちました：

これがコードです

 <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 には 1 つの要素を持つ配列が含まれているため、

data.consignmentSet[0].consignmentId

動作するはずです！

JSONLintを使用して JSON を検証し、きれいに印刷して、その構造をよりよく掘り下げることができます。

また、デバッガーを使用して、実行時にデータの内容を調査することもできます。ほとんどのブラウザーにはF12 開発者ツールがあり、 Firebugをインストールすることもできます。次に、[スクリプト] タブに切り替えて、データにアクセスするコードの行に移動し、行番号をクリックします。スクリプトの実行時にコードの実行が停止するブレークポイントが設定されます。ブレークポイントに到達したら、[ウォッチ]ウィンドウでデータを調べることができます。

于 2012-11-11T11:24:04.670 に答える