Как не допустить перезарузки страницы при отправлении формы?

Рейтинг: 1Ответов: 0Опубликовано: 18.02.2023

Пишу корзину интернет магазина

Как не допустить перезарузки страницы при отправлении формы?

Помогите, пожалуйста

 <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();
                    });

Ответы

Ответов пока нет.