1

Получаю json такого вида:

{
"200000006002":{"21473":{"IID":"200000006002","MED_ID":"21473","MED_NAME":"Камирен таб 4мг №30","VENDOR_NAME":"KRKA d.d. Novo Mesto","COUNTRY_NAME":"Словения","KIND_ID":"1","KIND_NAME":"Лекарственные средства","VENDORBARCODE":"3838989539887","RPRICE":"634,2","SRICEWNDS":"558,15","RATE":"14,99","PART_ID":"77001","DPRICE":"634,2","QTTY":"1","PREPAY_ENABLE":"0","INTER_ID":"1390","INTER_NAME":"Doxazosin","PHARM_ID":"7","PHARM_NAME":"Альфа-адреноблокаторы","IS_NARC":"0","TK_ID":"564000","TK_NAME":"Средства для лечения ДГПЖ","TKR_ID":"34000","TKR_NAME":"Урология. Нефрология. Андрология","VALID_DATE":"01.04.2022","NDS":"10" ,"GTD":"10013040/120717/0000259","MAX_OTP":"0"
}},
"200000037002":{"10001891":{"IID":"200000037002","MED_ID":"10001891","MED_NAME":"Перчатки полиэтил Пеха-Фол р.1 №100 д/женщин","VENDOR_NAME":"Paul Hartmann AG","COUNTRY_NAME":"Германия","KIND_ID":"7","KIND_NAME":"Изделия медицинского назначения","RPRICE":"184","SRICEWNDS":"152,93","RATE":"20,32","PART_ID":"152001","DPRICE":"184","QTTY":"1","PREPAY_ENABLE":"0","IS_NARC":"0","TK_ID":"538000","TK_NAME":"Перчатки резиновые и латексные","TKR_ID":"976000","TKR_NAME":"Санитарно-защитные изделия","VALID_DATE":"31.12.2020","NDS":"18" ,"GTD":"10013010/100717/0000405/1","BRAND_ID":"71001","BRAND_NAME":"ПаульХартманн","MAX_OTP":"0"
}},
"200000038002":{"10001877":{"IID":"200000038002","MED_ID":"10001877","MED_NAME":"Перчатки полиэтил Пеха-Фол р.2 №100 д/мужчин","VENDOR_NAME":"Paul Hartmann AG","COUNTRY_NAME":"Германия","KIND_ID":"7","KIND_NAME":"Изделия медицинского назначения","RPRICE":"184","SRICEWNDS":"152,93","RATE":"20,32","PART_ID":"152001","DPRICE":"184","QTTY":"1","PREPAY_ENABLE":"0","IS_NARC":"0","TK_ID":"538000","TK_NAME":"Перчатки резиновые и латексные","TKR_ID":"976000","TKR_NAME":"Санитарно-защитные изделия","VALID_DATE":"31.12.2020","NDS":"18" ,"GTD":"10130110/170816/0002902/1","BRAND_ID":"71001","BRAND_NAME":"ПаульХартманн","MAX_OTP":"0"
}}
}

И вот мой js:

var cart = {}; //моя корзина

function init() {
    //вычитываем файл goods.json
    $.getJSON("goods.json", goodsOut);
}

function goodsOut(data) {
    //вывод на страницу
    var out = '';
    for (var key in data) {
        out+='<tr class="cart_tovar">';
        out+='<td>';
        out+='<p class="tovar_name">'+data[key].MED_NAME+'</p>';
        out+='<p class="tovar_name_desc">'+data[key].description+'</p>';
        out+='</td>';
        out+='<td>';
        out+='<p class="tovar_manufacturer">'+data[key].VENDOR_NAME+'</p>';
        out+='<p class="tovar_country">'+data[key].COUNTRY_NAME+'</p>';
        out+='</td>';
        out+='<td class="tovar_cost">от '+data[key].RPRICE+' ₽</td>';
        out+='<td class="tovar_apteka">'+data[key].apteki+'</td>';
        out+='<td>';
        out+='<button class="add-to-cart" data-id="'+key+'">В корзину</button>';
        out+='</td>';
        out+='</tr>';
    }
    $('.goods-out').html(out);
    $('.add-to-cart').on('click', addToCart);
}

function addToCart() {
    //добавляем товар в корзину
    var id = $(this).attr('data-id');
    if (cart[id]!=undefined) {
        cart[id]++;
    }
    else {
        cart[id] = 1;
    }
    showMiniCart();
    saveCart();
}

function saveCart() {
    //сохраняю корзину в localStorage
    localStorage.setItem('cart', JSON.stringify(cart));
}

function showMiniCart(){
    //показываю содержимое корзины
    var out = Object.keys(cart).length;
    $('.mini-cart').html(out);
}

function loadCart() {
    //проверяю есть ли в localStorage запись car
    if (localStorage.getItem('cart')) {
        //если есть - расшифровываю и записываю в переменную cart
        cart = JSON.parse(localStorage.getItem('cart'));
        showMiniCart();
    }
}

$(document).ready(function () {
    init();
    loadCart();
});

Не могу понять, где ошибка, почему не выводит на страницу.

1 ответ 1

2

При первом переборе, вы достаете объекты внутри которых еще объекты. То есть вам надо полученный объект снова перебрать, и уже из него выводить свойства. Для примерна на первой итерации вы получаете объект:

{
    21473:{
    ​COUNTRY_NAME: "Словения"
    ​​DPRICE: "634,2"
    ​​GTD: "10013040/120717/0000259"
    ​​IID: "200000006002"
    ​​INTER_ID: "1390"
    ​​INTER_NAME: "Doxazosin"
    ​​IS_NARC: "0"
    ​​KIND_ID: "1"
    ​​KIND_NAME: "Лекарственные средства"
    ​​MAX_OTP: "0"
    ​​MED_ID: "21473"
    ​​MED_NAME: "Камирен таб 4мг №30"
    ​​NDS: "10"
    ​​PART_ID: "77001"
    ​​PHARM_ID: "7"
    ​​PHARM_NAME: "Альфа-адреноблокаторы"
    ​​PREPAY_ENABLE: "0"
    ​​QTTY: "1"
    ​​RATE: "14,99"
    ​​RPRICE: "634,2"
    ​​SRICEWNDS: "558,15"
    ​​TKR_ID: "34000"
    ​​TKR_NAME: "Урология. Нефрология. Андрология"
    ​​TK_ID: "564000"
    ​​TK_NAME: "Средства для лечения ДГПЖ"
    ​​VALID_DATE: "01.04.2022"
    ​​VENDORBARCODE: "3838989539887"
    ​​VENDOR_NAME: "KRKA d.d. Novo Mesto"
    ​​}
}

И у этого объекта есть свойство 21473 и нет свойств MED_NAME и т.д. Вам необходимо зайти внутрь этого объекта, и тогда уже будет доступ к нужным вам свойствам.

let data = { "200000006002":{"21473":{"IID":"200000006002","MED_ID":"21473","MED_NAME":"Камирен таб 4мг №30","VENDOR_NAME":"KRKA d.d. Novo Mesto","COUNTRY_NAME":"Словения","KIND_ID":"1","KIND_NAME":"Лекарственные средства","VENDORBARCODE":"3838989539887","RPRICE":"634,2","SRICEWNDS":"558,15","RATE":"14,99","PART_ID":"77001","DPRICE":"634,2","QTTY":"1","PREPAY_ENABLE":"0","INTER_ID":"1390","INTER_NAME":"Doxazosin","PHARM_ID":"7","PHARM_NAME":"Альфа-адреноблокаторы","IS_NARC":"0","TK_ID":"564000","TK_NAME":"Средства для лечения ДГПЖ","TKR_ID":"34000","TKR_NAME":"Урология. Нефрология. Андрология","VALID_DATE":"01.04.2022","NDS":"10" ,"GTD":"10013040/120717/0000259","MAX_OTP":"0" }}, "200000037002":{"10001891":{"IID":"200000037002","MED_ID":"10001891","MED_NAME":"Перчатки полиэтил Пеха-Фол р.1 №100 д/женщин","VENDOR_NAME":"Paul Hartmann AG","COUNTRY_NAME":"Германия","KIND_ID":"7","KIND_NAME":"Изделия медицинского назначения","RPRICE":"184","SRICEWNDS":"152,93","RATE":"20,32","PART_ID":"152001","DPRICE":"184","QTTY":"1","PREPAY_ENABLE":"0","IS_NARC":"0","TK_ID":"538000","TK_NAME":"Перчатки резиновые и латексные","TKR_ID":"976000","TKR_NAME":"Санитарно-защитные изделия","VALID_DATE":"31.12.2020","NDS":"18" ,"GTD":"10013010/100717/0000405/1","BRAND_ID":"71001","BRAND_NAME":"ПаульХартманн","MAX_OTP":"0" }}, "200000038002":{"10001877":{"IID":"200000038002","MED_ID":"10001877","MED_NAME":"Перчатки полиэтил Пеха-Фол р.2 №100 д/мужчин","VENDOR_NAME":"Paul Hartmann AG","COUNTRY_NAME":"Германия","KIND_ID":"7","KIND_NAME":"Изделия медицинского назначения","RPRICE":"184","SRICEWNDS":"152,93","RATE":"20,32","PART_ID":"152001","DPRICE":"184","QTTY":"1","PREPAY_ENABLE":"0","IS_NARC":"0","TK_ID":"538000","TK_NAME":"Перчатки резиновые и латексные","TKR_ID":"976000","TKR_NAME":"Санитарно-защитные изделия","VALID_DATE":"31.12.2020","NDS":"18" ,"GTD":"10130110/170816/0002902/1","BRAND_ID":"71001","BRAND_NAME":"ПаульХартманн","MAX_OTP":"0" }} }

function goodsOut(data) {
    //вывод на страницу
    var out = '';
    for (var key in data) {
      for(item in data[key]){
        out+='<tr class="cart_tovar">';
        out+='<td>';
        out+='<p class="tovar_name">'+data[key][item].MED_NAME+'</p>';
        out+='<p class="tovar_name_desc">'+data[key][item].TK_NAME+'</p>';
        out+='</td>';
        out+='<td>';
        out+='<p class="tovar_manufacturer">'+data[key][item].VENDOR_NAME+'</p>';
        out+='<p class="tovar_country">'+data[key][item].COUNTRY_NAME+'</p>';
        out+='</td>';
        out+='<td class="tovar_cost">от '+data[key][item].RPRICE+' ₽</td>';
        out+='<td class="tovar_apteka">'+data[key][item].apteki+'</td>';
        out+='<td>';
        out+='<button class="add-to-cart" data-id="'+data[key][item].BRAND_ID+'">В корзину</button>';
        out+='</td>';
        out+='</tr>';
    }
}
    $('.goods-out').html(out);
}

goodsOut(data);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='goods-out'></div>

16
  • пробую вот так. но опять же не выводит
    – Ivan
    28 дек 2018 в 10:51
  • Что выводит? Что пишет? Если добавите полный код, чтоб можно было посмотреть, было бы супер.
    – Lukas
    28 дек 2018 в 10:53
  • просто полный код сюда добавить тяжело будет
    – Ivan
    28 дек 2018 в 11:02
  • внизу добавил код - ответом
    – Ivan
    28 дек 2018 в 11:03
  • 1
    Отлично, главное что заработало.
    – Lukas
    30 дек 2018 в 13:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.