Не работает redirect после preventDefault

@madperez · Регистрация: 15.11.2018

Author24 — интернет-сервис помощи студентам

Отправляю данные формы на сервер с помощью JQuery POST запроса,чтобы страница не перегружалась использую event.preventDefault(), а затем Express с помощью Sequelize и модели книги(Book) вставляет данные в бузу данных MySql, но вот беда, после того как вставляется книга, не идет redirect на главную сайта(корень сайта), помогите пожалуста, как забить на сервере, после вставки новой книги, редирект на главную?

Вот форма:

HTML5

<form  method="POST" class="formCreate" id="createForm">
        <h1>Добавление книги</h1>
        <label>BookAuthor</label><br>
        <input name="BookAuthor" id="BookAuthor" class="field" required
            pattern="^[A-ZА-Я][a-zа-я]+([ -][A-ZА-Я][a-zА-я]+)*$" /><br><br>
 
        <label>BookName</label><br>
        <input name="BookName" id="BookName" class="field" required
            pattern="^([A-Za-zА-я1-9])+([ -][A-Za-zА-я1-9]+)*$" /><br><br>
 
        <label>BookPublisher</label><br>
        <input name="BookPublisher" id="BookPublisher" class="field" required
            pattern="^([A-Za-zА-я1-9])+([ -][A-Za-zА-я1-9]+)*$" /><br><br>
 
        <label>BookPrice</label><br>
        <input name="BookPrice" id="BookPrice" type="number" class="field" min="0.00" max="1000000.00" step="0.01"
            required /><br><br>
 
        <label>BookQuantity</label><br>
        <input name="BookQuantity" id="BookQuantity" type="number" class="field" min="1" max="1000000"
            required /><br><br>
 
        <label>BookVolume</label><br>
        <input name="BookVolume" id="BookVolume" type="number" class="field" min="1" max="1000000" required /><br><br>
 
        <input type="submit" value="Отправить" />
        <br>
        <a href="/">К списку книг</a>
    </form>

Вот код JQuery

Javascript

$("#createForm").submit((event) => {            
            event.preventDefault();
            var data = {
                BookAuthor: $('#BookAuthor').val()+"232",
                BookName: $('#BookName').val(),
                BookPublisher: $('#BookPublisher').val(),
                BookPrice: $('#BookPrice').val(),
                BookQuantity: $('#BookQuantity').val(),
                BookVolume: $('#BookVolume').val()
            };
            $.post('/postAddBook',data,(res) => { }, 'json');
        });

Контроллер postAddBook

Javascript

exports.postAddBook = function (req, res) {
    if (!req.body) return res.send("Error");
    console.log("Новая книга: ", req.body);
    var result = req.body;
    // console.log(result.BookAuthor, result.BookName, result.BookPublisher, result.BookPrice, result.BookQuantity, result.BookVolume);
    Book.create({
        BookAuthor: result.BookAuthor,
        BookName: result.BookName,
        BookPublisher: result.BookPublisher,
        BookPrice: result.BookPrice,
        BookQuantity: result.BookQuantity,
        BookVolume: result.BookVolume
    }).then(() => {
            console.log("create");
            res.redirect("/")
        }).catch(err => console.log(err));
};

Почему не происходит

Javascript

1	res.redirect("/")

@zasadadada · 25.02.2020, 23:48

Javascript

1	res.redirect(301, '/')

console.log("create") срабатывает?

@muxahuk1214 · 02.03.2020, 01:28

с чего вы взяли что он не срабатывает?
Точнее будет даже спросить, где вы хотите что бы редирект происходил? в браузере? тогда вам либо нужно убрать event.preventDefault() и ajax ($.post('/postAddBook', часть) из javascript или делать редирект самому в обработчике ответа от сервера...

Редирект срабатывает, но он срабатывает не на окно браузера, а на ajax запрос, который вы делаете.. Если откроете панель разработчика и посмотрите нетворк вкладку, то должны будете увидеть, что ваш запрос отправляется и как ответ ему приходит главная страница..

Для понимания почитайте как ajax работает, зачем и как его правильно использовать.

@muxahuk1214 Coding is art 536 / 420 / 153 Регистрация: 04.09.2013 Сообщений: 1,056
	02.03.2020, 01:28	3
	с чего вы взяли что он не срабатывает? Точнее будет даже спросить, где вы хотите что бы редирект происходил? в браузере? тогда вам либо нужно убрать event.preventDefault() и ajax ($.post('/postAddBook', часть) из javascript или делать редирект самому в обработчике ответа от сервера... Редирект срабатывает, но он срабатывает не на окно браузера, а на ajax запрос, который вы делаете.. Если откроете панель разработчика и посмотрите нетворк вкладку, то должны будете увидеть, что ваш запрос отправляется и как ответ ему приходит главная страница.. Для понимания почитайте как ajax работает, зачем и как его правильно использовать. 0