在同一頁面上提交表格

Question

我有以下設置： https ://jsfiddle.net/uosLke60/

 input.Add_To_Cart_Button { background-color: #000; color: #fff; border: none; font: inherit; cursor: pointer; font-size: 13px; margin-bottom: 40px; width: 120px; -webkit-appearance: none; border-radius: 0; }

 <div class="Product_Card_Button"> <form method="post" action="/cart/add"> <quantity-input class="quantity" style="width: 120px; min-height: 25.4px; display: inline-flex;"> <button class="quantity__button no-js-hidden" name="minus" type="button"> - </button> <input class="quantity__input" type="number" name="quantity" id="quantity" min="1" value="1" style="text-align: center;"> <button class="quantity__button no-js-hidden" name="plus" type="button">+</button> </quantity-input> <br> <input type="submit" value="Add to cart" class="Add_To_Cart_Button" /> </form> </div>

當按下添加到購物車按鈕時，頁面會刷新。 如何調整它以便在不刷新頁面的情況下將產品添加到購物車？ 任何的意見都將會有幫助。 謝謝。

Answer 1

您應該使用 Ajax 來實現這一點，因此可以更新網頁的某些部分，而無需重新加載整個頁面。