JSON не будет отображаться правильно

Question

Я новичок в jQuery:

Я пытаюсь отобразить мой JSON из jQuery.ajax ():

$.each(data, function(key, val){
  $(key + val).insertAfter("#some-div");
});

но все, что я получаю, это:

1[object Object]
0[object Object]

Firebug говорит:

[{"slug": ["This field is required"], "title": ["This field is required."]}, {"slug": ["This field is required"], "title": ["This field is required"]}]

Что не так?

Answer 1

Вы получаете [объект объекта], потому что то, что находится в «данных» на самом деле JSON, а не HTML.

Из вывода Firebug похоже, что JSON содержит список или сообщения об ошибках. По какой-то причине сообщение об ошибке заключено в квадратные скобки ([]), которые превращаются в массив.

То, что вы должны делать, примерно так:

$.each(data, function(index, value)
{
  $('<li />').text(value.slug[0] + ' ' + value.title[0]).insertAfter('#some-div');
});

Посмотрите jQuery.each и JSON для получения информации о функции jequery .each и формате JSON соответственно.