Как не допустить перезарузки страницы при отправлении формы?
Пишу корзину интернет магазина
Как не допустить перезарузки страницы при отправлении формы?
Помогите, пожалуйста
<form th:action="'/in-cart'" class="quantity" id="in-cart" method="post">
<button id="plus-btn" type="button" name="button">
<img src="plus.svg" alt=""/>
</button>
<input id="cart_quantity" name="quantity" th:value="${session.cart['quantity']}"/>
<button id="minus-btn" type="button" name="button">
<img src="minus.svg" alt=""/>
</button>
</form>
$(document).ready(function () {
$('in-cart').submit(function (e) {
e.preventDefault();
});
var input = $('#cart_quantity');
var value = parseInt(input.val());
var pr = $('#price');
var prv = parseInt(pr.val());
var input1 = $('#cart_quantity1');
var value1 = parseInt(input1.val());
var pr1 = $('#price1');
var prv1 = parseInt(pr1.val());
var form = document.getElementById("in-cart");
$("#total-price").html(value * prv);
if (value1 > 0) {
$("#total-price").html(value * prv + value1 * prv1);
}
$('#plus-btn').click(function (e) {
e.preventDefault();
var $this = $(this);
if (value < 5) {
value = value + 1;
} else {
value = 5;
}
input.val(value);
$("#total-price").html(value * prv);
if (value1 > 0) {
$("#total-price").html(value * prv + value1 * prv1);
}
form.submit();
});
Источник: Stack Overflow на русском