Открыть ту же страницу с другим содержанием - PullRequest
0 голосов
/ 27 марта 2019

Я работаю на сайте книжного магазина. На главной странице есть все книги. У каждого своя кнопка. У каждой книги есть кнопка, связанная с одной и той же страницей (buy.html), я хочу изменить содержание, нажимая на разные кнопки, поскольку каждая книга имеет свое собственное описание

enter image description here

Это мой HTML-код кнопки

<button onclick="window.open('buy.html')" class="book4">Buy</button>

Мне нужно открыть buy.html, но с другим содержанием в соответствии с книгой
но что происходит сейчас, все кнопки показывают одинаковое содержание

enter image description here

Может ли кто-нибудь помочь мне в этом вопросе, Спасибо.

1 Ответ

0 голосов
/ 27 марта 2019

Хотя ваш вопрос довольно широкий, я думаю, я понял вашу проблему. Вам нужен способ различать книги, не создавая новую страницу для каждой книги. Есть несколько способов сделать это. Лично я бы порекомендовал использовать для этого серверные сценарии, но вы также можете сделать это с помощью JavaScript, вам просто нужно поместить его в ссылку.

Примером может быть такой:

<button onclick="window.open('buy.html?book=4')" class="book4">Buy</button>

Для этого нужно открыть buy.html и указать, какую книгу вы хотите купить, чтобы вы могли создать функцию для извлечения только этого описания из базы данных или как хотите.

Я настоятельно рекомендую базу данных, потому что, как только у вас будет сто или около того книг, ваша страница станет очень медленной, и если вы только отобразите одну, это пустая трата ресурсов.

Лучший способ получить данные из URL (насколько я знаю) - это как , так что

Хотя, в следующий раз, пожалуйста, опубликуйте свой код, так будет намного проще определить проблему.

Удачи.

Редактировать: JavaScript, который я связал, был не лучшим решением и довольно сложным, поэтому я думаю, что лучшую и более понятную функцию можно найти здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...