Когда я нажимаю на элемент, как я могу получить продукт и разместить его в базе данных?
В традиционном веб-приложении это обрабатывается с помощью URL-адресов и параметров запроса. Когда вы генерируете HTML-код для создания кнопки, формы и т. Д., URL-адрес, который он публикует, включает в себя идентификатор базы данных вещь (в данном случае это продукт), с которым вы хотите работать. В более современных приложениях, где действия инициируются JavaScript, публикующим URL-адреса, идентификатор часто кодируется в атрибуте данных. Как то так.
<a href="/foo.php?product_id=27" class="btn">...</a>
<a href="/foo/product/27" class="btn">...</a>
<a href="/foo" data-id="27">...</a>
<form method="POST" action="/foo">
<button>Product Name</button>
<input type="hidden" value="27" name="product_id">
</form>
Как указывает Квентин в комментариях ниже, использование реальных ссылок (как в примерах выше) может иметь много негативных последствий для того, что будет существовать в общедоступном Интернете. Как правило, если вы делаете запрос на изменение данных, вы делаете это с помощью запроса POST
через <form>
или javascript.