Как сделать чтобы скрипт срабатывал при обновлении страницы?

Question

[Ayk72]

Доброй ночи!

Как сделать чтобы при загрузке, а лучше обновлении страницы срабатывал скрипт:

$(document).ready(function(){
    var $form = $('#filter'),
        $controls = $form.find('input,select,textarea');

    $controls.on('change', function(){
         startLoadingAnimation();
        $.post("/engine/ajax/filter.php", $("#filter").serialize(), function(response){
           
           setTimeout(function(){$('#dle-content').html(response); stopLoadingAnimation();}, 3000);
    });
             });
});

Answer 1

[Maxim Nepritimov]

Он и так срабатывает при полностью загруженной странице.
Если хочешь именно во время загрузки - дерево DOM еще не построится и тебе нечего будет искать.
Если хочешь выполнить скрипт ПЕРЕД перезагрузкой страницы, покопай в сторону отлавливания события перезагрузки страницы, выполни свой скрипт а потом перезагрузи страницу.

Редактирую.
Вот так попробуй

$(document).ready(function(){
    var $form = $('#filter'),
        $controls = $form.find('input,select,textarea');
	
    // отправка после загрузки страницы
    startLoadingAnimation();
    $.post("/engine/ajax/filter.php", $("#filter").serialize(), function(response){
        setTimeout(function(){$('#dle-content').html(response); stopLoadingAnimation();}, 3000);
    });
    
    // отправка по клику на Enter
    $controls.on('change', function(){
        startLoadingAnimation();
        $.post("/engine/ajax/filter.php", $("#filter").serialize(), function(response){
           setTimeout(function(){$('#dle-content').html(response); stopLoadingAnimation();}, 3000);
    	});
    });
    
    // или отправка при любом изменении в поле
    //$controls.on('keyup', function(){
    //    startLoadingAnimation();
    //    $.post("/engine/ajax/filter.php", $("#filter").serialize(), function(response){
    //       setTimeout(function(){$('#dle-content').html(response); stopLoadingAnimation();}, 3000);
    //	});
    //});
});

Comments

[Ayk72]

А как сделать, чтобы форма обновилась без изменения input, select...

[Maxim Nepritimov]

Ayk72: Значения полей в массив и после перезагрузки обратно по полям раскидать.

[Ayk72]

Maxim Nepritimov: я раскидал, но поле не отправляет серверу запрос на обновление

[Maxim Nepritimov]

Ayk72: как поле отправит серверу запрос? Я что-то не понимаю вас.

[Ayk72]

Maxim Nepritimov: туплю, форма не отправляет серверу запрос на обновление. Ну т.е. форма не была изменена и т.е. функция не выполняется

[Maxim Nepritimov]

Ayk72: плюс change срабатывает при нажатии на Enter

[Ayk72]

Maxim Nepritimov: да, а как сделать, чтобы без отслеживания enter, изменений полей, а просто при загрузке страницы? Суть в том, что я сохранил данные формы в Session и они автоматически заполняются, но после возвращения у человека не фильтруется контент с помощью формы, пока он снова не нажмет enter или изменит поля

[Maxim Nepritimov]

Ayk72: просто содержимое своей функции воткните в $(document).ready(function(){}); без всяких $controls.on('change', и т.п.

[Maxim Nepritimov]

Ayk72: Тогда ваша функция сработает, когда полностью загрузится страница. Вроде вам это надо

[Ayk72]

Maxim Nepritimov: Супер! Спасибо!

[Maxim Nepritimov]

Ayk72: Только если будете изменять содержимое полей - проверки не будет. Чтобы проверка была, нужно так же оставить и проверку по событию change. Если хотите, чтобы была проверка не по энтеру, а просто "на лету" - keyup

[Ayk72]

Maxim Nepritimov: чтобы работало и то и то, нужно заменить enter на keyup? А где это вписать?

[Ayk72]

Maxim Nepritimov: вот сейчас, то что после перезагрузки обновляется, да, мне так и надо было. А как сделать, чтобы еще и при изменении input:text, checkbox форма заново отправляла на сервер обновленные данные?

[Maxim Nepritimov]

Ayk72: код отредактировал. То что закомменчено - сильно будет грузить сервер да и не нужно. Так можно осуществить проверку текста на валидность.

Answer 2

[Andrey Dyrkov]

При обновлении всей страницы браузера будут завоно подгружены все файлы и все скрипты, а когда скрипт загрузился то браузер его сразуже выполняет.

Comments

[Ayk72]

А как сделать, чтобы форма обновилась без изменения input, select...