FireFox — как отменить предупреждение об уходе со страницы?

Question

[La2ha]

Появилась проблемка в Firefox.

Есть форма, отправка происходит через ajax без использования .submit() т.е. при клике на определенную кнопку. выполняется ajax запрос, после которого может выполниться редирект.

Так вот перед выполнением редиректа FireFox справшивает:

Эта страница просит вас подтвердить, что вы хотите уйти — при этом введённые вами данные могут не сохраниться.

Нужно как-то избавиться от этого, использование события submit() при котором бы этого сообщения можно было бы избавиьтся не совсем подходит.

Answer 1

[theaspin]

А точно события на onbeforeunload не висит?

Comments

[La2ha]

Точно не висит, пробовал даже принудительно falseдля этого события сделать, не помого. Тут именно с формой замут, если заполнил хоть одно поле выскакивает, так же как и при клике на ссылку какую-нибудь, ведущую на другую страницу. И проблема исключительно с FireFox, в других все ок

[Антон]

А если руками форму в таком случае очищать перед редиректом?

[La2ha]

Пробовал удалять форму до этого с помощью .remove(), не помогло. Сейчас решил значения в intput через .val(''), и помогло пару раз, а потом еще рез протестировал и опять проблема. Тогда я вспомнил что textarea не очищаю, а до этого не заполнял их просто, поставил очистку textarea, и не помогло, и тогда догадался в чем проблема — Tiny MCE — был моей проблемой, полез в другой браузер проверять, т.к. подумал что возможно я когда тестировал не заполнил ничего в редакторе, и убедился в том что это не Mozilla, а Tiny MCE т.к. та же ошибка.

В общем извиняюсь за дезинформацию когда говорил что onbeforeunload — точно не висит, т.к. был уверен что я это точно не весил, а кроме меня некому, но совсем вылетел из головы редактор. Всех благодарю — вопрос закрыт, причина ясна.

[La2ha]

Благодарю, если бы проблема была именно в форме как я сразу предполагал, то ваше решение помогло бы, я почему-то думал что .serialize() работает только для форм, т.к. в документации написано про формы api.jquery.com/serialize/, но сейчас погуглил и оказывается для всего можно

Answer 2

[Alexander Kouznetsov]

а как редирект выполняется? и куда ведет — в том же домене или куда в сторону?

Comments

[La2ha]

Редирект идет на этот же домен

[La2ha]

И да, он выполняется.
Вот код функции:

    function submit_data(method) {
        $.ajax({
            url:'/admin/ajax/photo/form_submit/<?=$item['id']?>', 
            type:'POST',
            data:$('form').serialize(),
            dataType:"json",
            success:function (data, textStatus) { 
                if (data.error) {
                    $('#modal_msg h3').html('Ошибка')
                    $('#modal_msg .modal-body').html(data.error)
                    $('#modal_msg').modal('show')
                } else {
                    if (method == 'apply') {
                        $('#modal_msg h3').html('Успех')
                        $('#modal_msg .modal-body').html(data.msg)
                        $('#modal_msg').modal('show')
                    } else window.location.replace("<?=current_url(2)?>");
                }
            }
        });
    }

Answer 3

[Глеб Старков]

Если submit через form не нужен, то вообще уберите , оставьте только поля (input и т.д), должно помочь.
Я почти со всеми формами работаю через ajax, такой проблемы не встречал.

И, кстати, в вашем случае удобнее использовать $.post:

$.post(url, data, function(data){
    /*success here*/
}, 'json');

Comments

[Глеб Старков]

Вообще убрать тег form имею ввиду (съело тег)

Answer 4

[La2ha]

Благодарю, если бы проблема была именно в форме(как я изначально предполагал), то ваше решение помогло бы. Я просто думал что .serialize() работает только для форм, т.к. в документации только про них говориться api.jquery.com/serialize/, но сейчас погуглил и оказалось что для всего можно применять вроде как.

Comments

[La2ha]

Сообщение для colonel промазал немного