Как извлечь данные из JSON в JQuery (все правильно, но один косяк присутствует)?

Question

[Денис Вяземский]

Вывожу данные из JSON, принципе выводится все нормально, но мне нужно во втором цикле для valuee назначать ключ, а сейчас он тупо выводит в строчку все значения ключей!

setInterval(function()  
        {
	SimpleBasket.getData(function(data){ 
	var html = [];
	console.log(data); 
	
	// ПЕРВЫЙ МАССИВ items
	$.each(data.items, function(i, value){
    // ВНУТРЕННИЙ МАССИВ items
	$.each(data.items[i], function(d, valuee){
    html += ''+valuee+'<br>';
	});
    // ВНУТРЕННИЙ МАССИВ items КОНЕЦ
});
// ПЕРВЫЙ МАССИВ items КОНЕЦ

	$("#reloadcart").html(html);	
	});	
}, 1000);
});

JSON таблица выглядит следующим образом:

{"items":

{
"110":
{
"SIMPLE_BASKET_TITLE":"\u0411\u0443\u0440\u0433\u0435\u0440 KFC1",
"SIMPLE_BASKET_QUO":12,
"SIMPLE_BASKET_PRICE":55
"SIMPLE_BASKET_CATEGORY":"kfc"
},

"117":
{
"SIMPLE_BASKET_TITLE":"\u0411\u043b\u044e\u0434\u043e",
"SIMPLE_BASKET_QUO":"4",
"SIMPLE_BASKET_PRICE":220,
"SIMPLE_BASKET_CATEGORY":"kfc"
},

"113":
{
"SIMPLE_BASKET_TITLE":"\u0411\u0443\u0440\u0433\u0435\u0440",
"SIMPLE_BASKET_QUO":"4",
"SIMPLE_BASKET_PRICE":80,
"SIMPLE_BASKET_CATEGORY":"kfc"
},

"107":
{
"SIMPLE_BASKET_TITLE":"\u0427\u0435\u0440\u043d\u044b\u0439 \u0431\u0443\u0440\u0433\u0435\u0440",
"SIMPLE_BASKET_QUO":"1",
"SIMPLE_BASKET_PRICE":180,
"SIMPLE_BASKET_CATEGORY":"kfc"
},

"62":
{
"SIMPLE_BASKET_TITLE":"\u0427\u0438\u0437\u0431\u0443\u0440\u0433\u0435\u0440",
"SIMPLE_BASKET_QUO":"1",
"SIMPLE_BASKET_PRICE":200,
"SIMPLE_BASKET_CATEGORY":"kfc"
}
}

,
"userName":"Denis",
"userEmail":"[e-mail]",
"userPhone":"[phone]",
"userComment":"",
"errorMessages":[],
"restoran":"kfc"

}

ВОТ САМ ВИД ВЫВОДА НА ДАННЫЙ МОМЕНТ

Чизбургер
15
200
kfc
Черный бургер
1
180
kfc
Бургер KFC1
25
55
kfc
Бургер
3
80
kfc
Блюдо
2
220

Comments

[Денис Вяземский]

Помогите разобраться вот с этой строчкой.
==================================
$.each(data.items[i], function(d, valuee){
html += ''+valuee+'
';
});
==================================
Чтобы я смог сам задавать что выводить (например только название или сумму)

Answer 1

[Stalker_RED]

for( var key in data.items) {
    var item = data.items[key]
    console.log(key, item)

    for (var key2 in item) {
        var item2 = item[key2]
        console.log('  ' + key2, item2)
    }
}

Демо: jsfiddle.net/o9d8dwfj

Comments

[Денис Вяземский]

Да в консоле выводится нормально, а как мне визуально по ключу выводить?

[Денис Вяземский]

например как то так item2[SIMPLE_BASKET_TITLE] - это строка выведет Название блюда и т.д.

[Денис Вяземский]

но сейчас вообще ничего не выводит

[Stalker_RED]

ну вместо вывода в консоль написать что-то типа myText += key+' '+value+'
'
А потом вывести этот myText

[Stalker_RED]

Денис Вяземский: вы можете как-то понятнее объяснить, что именно вам нужно вывести?

[Денис Вяземский]

Stalker_RED: Ну там получается цикл, если написать myText += ''+item2+';
то он тупо из каждого ключа выведет значение (циклично из всего массива), а мне надо так чтобы я сам назначал что выводить, (например только название и сумму) и после чего все вставить в таблицу!

[Stalker_RED]

Денис Вяземский: Ну так выводите только те значения, которые вам нужны. Я, похоже, не понимаю смысл вопроса.

[Денис Вяземский]

Stalker_RED: так не получается, всеравно дублируется на 4 строчки, и не получается в цикле вывести только одно значение! Пробовал вот так myText += ''+item2.SIMPLE_BASKET_TITLE+';

[Денис Вяземский]

Stalker_RED: Но ничего не работает, либо цикл из всех значений, либо undefined

[Stalker_RED]

Денис Вяземский: Я кажется начинаю понимать. Это? jsfiddle.net/o9d8dwfj/1
Похоже, вам не помешает перечитать главу про массивы из какого-нибудь учебника про JS.

[Денис Вяземский]

Stalker_RED: Это!!! ахахаха, СПАСИБО!!!

[Денис Вяземский]

Stalker_RED: А почему у меня массив выполняется 4 раза?
Чизбургер200kfc1
Чизбургер200kfc1
Чизбургер200kfc1
Чизбургер200kfc1
и так далее?
Как сделать чтобы только один раз выводилось?

SimpleBasket.getData(function(data){
var html = [];
for( var key in data.items) {
var item = data.items[key]

for (var key2 in item) {
var item2 = item[key2]
html += '' + item.SIMPLE_BASKET_TITLE + '';
html += '' + item.SIMPLE_BASKET_PRICE + '';
html += '' + item.SIMPLE_BASKET_CATEGORY + '';
html += '' + item.SIMPLE_BASKET_QUO + '';
}
html += '';
}
$("#reloadcart").html(html);
});

[Stalker_RED]

Денис Вяземский: Потому что первый for перебирает ваши item'ы, а потом вы делаете еще один for, который перебирает поля. Зачем вы это делаете - я не знаю.

Могу еще раз предложить почитать о массивах (в частности о вложенных/многомерных). Или хоть выведите его в удобочитаемом виде, деревом например, и подумайте что у вас происходит на каждом шаге.

А сейчас похоже на то, что вы просто взяли какой-то кусок буковок и скобочек без понимания как он работает.

[Денис Вяземский]

Stalker_RED: Помоги пожалуйста еще с одним вопросом!) Почему не отправляется форма JSON AJAX?

Answer 2

[Евгений]

а тут пропущена запятая

{
"110":
{
"SIMPLE_BASKET_TITLE":"\u0411\u0443\u0440\u0433\u0435\u0440 KFC1",
"SIMPLE_BASKET_QUO":12,
"SIMPLE_BASKET_PRICE":55
"SIMPLE_BASKET_CATEGORY":"kfc"
},

Comments

[Денис Вяземский]

Это не важно, я просто по строкам переносил и случайно удалил запятую!

[Stalker_RED]

Денис Вяземский: а что вы хотите получить на выходе?

[Денис Вяземский]

Stalker_RED: Помогите разобраться вот с этой строчкой.
==================================
$.each(data.items[i], function(d, valuee){
html += ''+valuee+'
';
});
==================================
Чтобы я смог сам задавать что выводить (например только название или сумму)

[Евгений]

Денис Вяземский: а что у вас в d ?

[Денис Вяземский]

Евгений: d выводит ключ например (SIMPLE_BASKET_TITLE или SIMPLE_BASKET_QUO)

[Евгений]

$.each(data.items, function(i, value){
// ВНУТРЕННИЙ МАССИВ items
$.each(data.items[i], function(d, valuee){
html += ''+data.items[i][d]+'
';
});

так наверное

[Денис Вяземский]

Евгений: Тоже самое выводит просто последовательность от пункта SIMPLE_BASKET_TITLE и до SIMPLE_BASKET_CATEGORY
а мне надо чтобы я сам назначал что мне выводить!

[Евгений]

$.each(data.items, function(i, value){
// ВНУТРЕННИЙ МАССИВ items
html += ''+data.items[i][SIMPLE_BASKET_TITLE]+'';
});
и т.д.

[Денис Вяземский]

Евгений: нет, вообще ничего не выводит!