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

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

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

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

Вот форма:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<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
1
2
3
4
5
6
7
8
9
10
11
12
$("#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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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 работает, зачем и как его правильно использовать.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

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