jQuery parse JSON многомерный массив

Question

У меня есть массив JSON, подобный этому:

{
  "forum":[
    {
      "id":"1",
      "created":"2010-03-19 ",
      "updated":"2010-03-19 ","user_id":"1",
      "vanity":"gamers",
      "displayname":"gamers",
      "private":"0",
      "description":"All things gaming",
      "count_followers":"62",
      "count_members":"0",
      "count_messages":"5",
      "count_badges":"0",
      "top_badges":"",
      "category_id":"5",
      "logo":"gamers.jpeg",
      "theme_id":"1"
    }
  ]
}

Я хочу использовать jQuery .getJSON, чтобы иметь возможность возвращать значения каждого из значений массива, но я не уверен, чтокак получить к ним доступ.

Пока у меня есть этот код jQuery:

$.get('forums.php', function(json, textStatus) {
            //optional stuff to do after success
            alert(textStatus);
            alert(json);

        });

Как я могу сделать это с помощью jQuery?

Answer 1

{} в JSON представляет объект. Каждое из свойств объекта представлено key:value и разделены запятой. Значения свойств доступны по ключу с помощью оператора точки, например, json.forum. [] в JSON представляет массив. Значения массива могут быть любым объектом, а значения разделяются запятыми. Чтобы перебрать массив, используйте стандартный цикл for с индексом. Чтобы перебрать свойства объекта без прямой ссылки на них по ключу, вы можете использовать for in loop:

var json = {"forum":[{"id":"1","created":"2010-03-19 ","updated":"2010-03-19 ","user_id":"1","vanity":"gamers","displayname":"gamers","private":"0","description":"All things gaming","count_followers":"62","count_members":"0","count_messages":"5","count_badges":"0","top_badges":"","category_id":"5","logo":"gamers.jpeg","theme_id":"1"}]};

var forum = json.forum;

for (var i = 0; i < forum.length; i++) {
    var object = forum[i];
    for (property in object) {
        var value = object[property];
        alert(property + "=" + value); // This alerts "id=1", "created=2010-03-19", etc..
    }
}

Если вы хотите сделать это jQueryish, возьмите $.each():

$.each(json.forum, function(i, object) {
    $.each(object, function(property, value) {
        alert(property + "=" + value);
    });
});

Я использовал те же имена переменных, что и в «обычном JavaScript», чтобы вы лучше понимали, что делает jQuery «под капотом». Надеюсь, это поможет.

Answer 2

Это должно работать нормально. Просто используйте $.getJSON вместо $.get.