Как добавить товар в корзину для покупок JSP

Question

Невозможно найти какие-либо хорошие руководства о том, как это сделать прямо на Google/Youtube. В принципе у меня есть список продуктов (код):

<sql:query var="result"> 
select * from inventory; 
</sql:query> 

<table border="1" width="100%"> 
<tr> 
<th>Code</th> 
<th>Author</th> 
<th>Description</th> 
<th>Other field(Probs price)</th> 
<th>Item Stock</th> 
<th>Order Stock</th> 
<th>Buy option </th> 
</tr> 

<c:forEach var = "row" items = "${result.rows}"> 
<tr> 
<td><c:out value = "${row.item_code}"/></td> 
<td><c:out value = "${row.item_author}"/></td> 
<td><c:out value = "${row.item_description}"/></td> 
<td><c:out value = "${row.item_price}"/></td> 
<td><c:out value = "${row.item__stock_count}"/></td> 
<td><c:out value = "${row.item_order_count}"/></td> 
<td><a href="shoppingbasket.jsp">Order Now!</a></td> 
</tr> 
</c:forEach> 
</table> 
</div> 

Схема выглядит следующим образом:

Код Автор Описание Цена товара Фото Купить изображения Купить Вариант

Это связано с MySql Databse. Таким образом, очевидно, что во всех этих заголовках есть информация. В разделе «Купить вариант» есть покупка на каждой строке.

Что я хочу сделать, это когда я нажимаю кнопку покупки на одну строку. Он получит код товара для этой конкретной строки и разместит элемент на странице shoppingbasket.jsp.

Любые идеи, как я могу это сделать?

Answer 1

Не .jsp конкретный, но, возможно, это может просветить вас. Обычно шаблонирования с OnClick событий можно сделать так:

<td onclick="addToCart(row.item_code)"></td> 

Я не знаком с точным синтаксисом, но идея состоит в том, чтобы вызвать функцию и передачи текущего идентификатора строки.

Вы бы тогда иметь яваскрипт функции следующим образом:

function addToCart(id) { 
    //POST request using 'id' 
} 

Надеется, что это помогает!

Answer 2

Используйте кнопку, чтобы сделать запрос POST. Почему ты спрашиваешь?

1. работает без JavaScript
2. Вы хотите использовать POST запросы, которые изменяют вещи

Так поместить весь список продуктов в <form>, и сделать свои кнопки (один для каждого продукта), как это:

<button name="btnAddToCart" value="<c:out value='${row.item_code}'/>">Add to Cart</button>

Вы, вероятно, следует использовать рамки Model-View-Controller на стороне сервера (как Sp кольцо MVC). Вы бы контроллер RequestMapping, как это принять вашу кнопку POST:

@RequestMapping(value="/your-product-list-page", params={"btnAddToCart"}) 

Вам нужен контекст сеанса объект для вашей корзины.

В то время как мы на нем, вы должны избегать вещей с помощью <c:out value="${...}"/>, чтобы минимизировать риски XSS. И вам, вероятно, нужна гибкая структура CSS, поэтому ваш сайт работает на мобильных устройствах.