Передать post данные и сделать редирект AJAX

Question

Пытаюсь передать post данные в скрипт nomen.php, и после получения данных сделать редирект на этот же скрипт, но при нажатии кнопки страница обновляется.

JS:

    $('#listNomen').submit(function(e) {
        var filename = document.getElementById("userfile").files[0].name;
        $.ajax({
        type: 'POST',
        url: 'nomen.php',
        data: {s2: filename},
        })
       .done (function (data) {
        $.redirect('nomen.php',data);
    });
});

PHP:

$text= $_POST['s2'];

HTML:

<div id="showNomen">
<form id="listNomen" method="POST">
    <br>
    <label>TEST<input type="submit" value="Показать" style="position:absolute;left:12%;"></label>
</form>
<br>
</div>

Answer 1

При сабмите формы, она (СЮРПРИЗ!) сабмититься! ?

Для отмены дефолтного действия (события), нужно воспользоваться методом preventDefault

$('#listNomen').submit(function(e) {
    e.preventDefault();

    ...
    ...

Однако это не имеет никакого смысла. Т.к. тут совсем никак не используется сама форма, а просто берутся данные из инпута, то и смысла в форме нет. Можно её смело удалить, а у кнопки убрать тип "submit" и обрабатывать клик по ней.

БЛОГ НА HUSL

Передать post данные и сделать редирект AJAX

Ответы (1 шт):