jQueryでのAjaxによるJSONPの取得方法について

JSON初心者です。

{"status":true,"result":{"lists":[{"id":"001","name":"あああ ","storeId":"0001","credit":false},{"id":"002","name":"いいい ","storeId":"0002","credit":false}]}}

例えば、下のコードをクライアント側に実装し、サーバー側からJSONP形式で上のコードが返却されたとします。
ここでの、listsの中にあるidを取得する場合はどうすればいいのでしょうか？
返却されたコードをfor文で全て取得してきて、「#list」に一行ずつ表示できるようにしたいのですができません。

            $.ajax({
                url: '上のコードがあるURL',
                type: 'GET',
                dataType: 'jsonp',
              jsonpCallback: 'callback',
                success: function(data) {
                    //取得成功時の処理
                    var leng = data.length;
                    for(var i=0; i < leng; i++){
                         $("#list").append('<airtcle>' + data[i].id + '</atricle>');
                    }
                },
                error: function(data) {
                    //取得失敗時の処理
                },
                complete: function(data) {
                    //最後に実行する処理
                }
            });

初めてなので分からず困っています。回答お待ちしています。

行動規範の内容に同意します

回答1件

ベストアンサー

for文の中でdata[]を参照する部分を以下のように修正したらどうでしょう。

JavaScript
1var len = data.result.lists.length;
2for (var i = 0; i < len; i++) {
3  $("#list").append('<airtcle>' + data.result.lists[i].id + '</atricle>');
4}