jquery + json загружает контент, но показывает ошибки в консоли Firebug

Question

теперь я могу загрузить контент json для 3 разных разделов на веб-странице, но показать несколько ошибок при передаче контента по переменным в функции.Я объясняю.

1-й раздел использует функцию jquery для загрузки содержимого из file1.json.

скрипт для 1-го раздела

var f = $(this).data('residentidx');
$.getJSON("file1.json", function(data) {
    $("#tt_mn").html($("<p class='prod_c'>" + data.articles[f].title + "</p>"));
    $("#content_mn").html($("<p class='prod_d'>" + data.articles[f].esquema + "</p>"));
});

file1.json

{"articles":
[{"title":"......", "esquema":"............"}, ...,{"title":".....","esquema":"......"}]}

script por 2-ая секция

var i = $(this).data('renovidx');
$.getJSON("file2.json", function(data) {
    $("#tt_mn").html($("<p class='prod_c'>" + data.articles[i].title + "</p>"));
    $("#content_mn").html($("<p class='prod_d'>" + data.articles[i].esquema + "</p>"));
});

file2.json

{"articles":
[{"title":"......", "esquema":"............"}, ...,{"title":".....","esquema":"......"}]}

все выглядит нормально, данные отображаются правильно, но в консоли Firebug отображаются ошибки.

data.articles[i] is undefined @ http://www.xxxxx.com/js/jquery-1.7.1.min.js:14

это странно, потому что консоль firebug показывает ошибку для значения [i], когда я нахожусь во 2-й секции, в которой функция jquery использует значение [f] для поиска элементов в массиве json.

спасибо

Answer 1

Вторая функция, которую вы показываете, использует переменную i, которая объясняет, почему она выдает ошибку в этой точке ...

Вы проверили, чтобы увидеть, что $(this).data('renovidx') возвращается? Вы уверены, что у вас есть пара ключ-значение JSON с ключом, равным $(this).data('renovidx')?

Answer 2

вы подтвердили свой JSON?используйте http://jsonlint.com/ или для html http://json.bloople.net/