Как динамически изменять контент на странице?

Question

[OstapO]

Первое: (ПОДРОБНЕЕ)

Второе: (ГЛАВНАЯ)

Для каждого товара есть страница "подробнее". Страница по верстке одинакова для всех товаров.
Задача: как в зависимости от выбранного товара изменять текст и картинку на странице "подробнее" (фото прикреплено)? Чтобы не делать для каждого товара отдельную страницу, потому что товаров много.
Думаю JSON юзать, но не знаю как реализовать(
Интересует алгоритмы, полезны ссылки с примерами.
Заранее благодарю.

Comments

[Максим Федоров]

1. Выводить сразу на страницу как и основной контент (там же опсиание или условие? что там в "Подробнее" не понятно же)
2. Сделать AJAX -запрос, но если у всех одно и тоже (условия доставки, то не понятно зачем), а если описание, то лучше сразу выводить... просто по лкику блок раскрывать... (не понятно, что в блоке "Подробнее")

Не понятно, что нужно... опишите

[OstapO]

Максим Федоров,
страница "подробнее" - это первое фото,
нужно в зависимости от выбранного товара
изменять текст в блоках: характеристики, комлплектация, цена, название и картинку товара

[Максим Федоров]

OstapO,
не понял
зачем менять описание у конкретного товара — у него несколько опсианий?

[OstapO]

Максим Федоров,

есть много товаров
и для каждого товара есть страница "подробнее" (первое фото в вопросе)
необходимо в зависимости от выбранного товара на главной странице менять динамически контент на странице "подробнее".
То есть, для товара1 - одно описание, для товара 2 другой и т.д.

[Максим Федоров]

OstapO,
а бекенд по id товара или по другому его идентификатору отдает информацию?

Answer 1

[nweb]

Передать по ajax данные в бэкенд-скрипт, который извлечет товар
по переданному id и характеристики из БД. Ссылка "Подробнее" будет выглядеть примерно так:
<a data-id="123">Подробнее</a>
Вставляем полученные данные методом content().