У меня есть JSON-файл продуктов, которые обрабатываются с помощью php и превращаются в html-входы.
{"Clothes":[
{"name":"Winter Jumper",
"vari": [{"id":4,"variname":"large", "price":12.99},{"id":5,"name":"Small", "price":11.99}]
},
{"name":"Suede Gloves",
"vari": [{"id":2,"variname":"Grey", "price":3.99},{"id":3,"name":"Red", "price":3.99}]
}
]}
В итоге они выглядят так:
<button class="proAdd btn-sm" data-id="2" data-price="3.99" data-name="Suede Gloves Grey">Add</button>
Имя добавлено наимя variname для создания уникального варианта продукта.
Если JSON длинный, страница становится очень длинной, поэтому я хотел бы загрузить varinames и связанные с ним ключи на модальное имя.
Например, я бы тогда создал кнопку только с name (Зимняя перемычка) в данные- *, а затем загрузил соответствующий vari в модал в виде кнопок с данными- *, в этом случае это будет толькоВот они:
"vari": [{"id":4,"variname":"large", "price":12.99},{"id":5,"name":"Small", "price":11.99}]
Как я могу это сделать, используя Javascript, я видел это, но я не могу найти более эффективный способ. Если бы это происходило из базы данных, я мог бы просто запросить его на основе соответствующего идентификатора или около того. В этом случае я не совсем уверен, как загрузить только соответствующую часть JSON, потому что я не могу запросить его, например, sql.
Любые методы, советы будут высоко оценены!