У меня есть каталог. Когда я нажимаю на товар, я перехожу на страницу мебели. Данные загружаются из JSON. Данные для страницы мебели получены из деталей объекта. Как сделать так , что когда я нажимаю на конкретный товар то динамически загружаю на страницу его детали? (я могу использовать JavaScript, JQuery) Пример: если я нажимаю на ФТ-45 , то на страничке
furniture.html
у меня подгрузится такая информация:
Тип:2 Производитель:Plus Страна:USA Материал:throw Длина:150 Высота:120
JS
$ (function() { $ .getJSON('catalog.json', function(data) { $ .each(data.catalog, function(i, category) { let $ tblRow = $ ( "<tr><td>"+ category.title + "</td><td>"+ category.category + "</td><td>"+ category.price + "</td></tr>" ); $ tblRow.on('click', function(e){ window.location ='furniture.html'; test = category.title; console.log(test) return test; }); console.log(test) $ tblRow.appendTo("#userdata"); }); }); }); $ (function() { $ .getJSON('catalog.json', function(data) { $ .each(data.catalog, function(i, category) { let $ furnitures = $ ( "<section><div class=row><p>Тип:</p><p>"+ category.details.type + "</p></div><div class=row><p>Производитель:</p><p>"+ category.details.create + "</p></div><div class=row><p>Страна:</p><p>"+ category.details.country + "</p></div><div class=row><p>Материал:</p><p>"+ category.details.material + "</p></div><div class=row> <p>Длина:</p><p>"+ category.details.length + "</p></div> <div class=row><p>Высота:</p><p>"+ category.details.height + "</p></div></section>" ); let $ titles =$ ("<h2>"+category.title+"</h2>"); $ furnitures.appendTo("#right"); $ titles.appendTo("#left"); }); }); });
JSON
{ "catalog": [ { "title": "ФТ-45", "category": "Шкаф", "price": 200, "details": { "type":"2", "create":"Plus", "country":"USA", "material":"throw", "length":"150", "width":"120" } }, { "title": "Наташа", "category": "Диван", "price": 300, "details": { "type":"4", "create":"", "country":"", "material":"", "length":"", "width":"" } }, { "title": "Peter", "category": "Шкаф", "price": 400, "details": { "type":"", "create":"", "country":"", "material":"", "length":"", "width":"" } }, { "title": "Сокол", "category": "Кресло", "price": 400, "details": { "type":"", "create":"", "country":"", "material":"", "length":"", "width":"" } } ] }
The post Детальная информация из обьекта JSON appeared first on 100% Private Proxies - Fast, Anonymous, Quality, Unlimited USA Private Proxy!.