Цитирование через данные JSON с использованием jQuery

Question

Я пытаюсь получить конкретную информацию из файла JSON (Squarespace) с целью добавления его к <div>. Мне нужно прокрутить данные и получить местоположение из каждого сообщения. Это код, я использую:

$.getJSON("http://www.theluxedit.com/?format=json-pretty", function(data) { 
    $.each(data, function(index, value) { 
     $('.locationData').append(data.items.location.addressLine2); 
    }); 
}); 

Он будет работать только тогда, когда я specifiy элемент, используя целое число, например:

$('.locationData').append(data.items[1].location.addressLine2); 

Это, кажется, работает для других примеров, которые я попробовал, может быть, я ошибаюсь в конкатенации JSON?

Answer 1

Этот вопрос нужно перебирать самих элементов, а не всего объекта, возвращенного:

var $locationData = $('.locationData'); 
$.getJSON("http://www.theluxedit.com/?format=json-pretty", function(data) { 
    $.each(data.items, function(index, item) { 
     $locationData.append(getLocationEl(item.location.addressLine2));  
    }); 
}); 

function getLocationEl(address) { 
    return $('<div>', { text: address }); 
} 

Делая это, каждая итерация будет выглядеть на другой предмет. Затем вы можете напрямую обращаться к свойствам этого элемента, а не к возвращаемым данным верхнего уровня.

Кроме того, я предполагаю, что это выполняется на theluxedit.com. В противном случае вы получите сообщение об ошибке. См. Это для получения дополнительной информации: "No 'Access-Control-Allow-Origin' header is present on the requested resource"