Как отобразить div в качестве страницы загрузки после нажатия кнопки отправки?

#jquery #ajax

#jquery #ajax

Вопрос:

У меня есть форма входа, где я получаю имя пользователя и пароль.

Теперь мне нужно показать страницу загрузки после того, как пользователь нажмет кнопку отправки.

У меня есть div, который содержит «ваш процесс загружается». Этот div должен загружаться с помощью вызова Ajax после нажатия кнопки.

Я пытался использовать приведенный ниже код, но он не работает.

 <script type="text/javascript">
    $(document).ready(function(){
        $("#loading").bind("ajaxSend", function() {
            $(this).show();
        }).bind("ajaxStop", function() {
            $(this).hide();
        }).bind("ajaxError", function() {
            $(this).hide();
        });
     });
</script>
  

Комментарии:

1. Предоставленная вами ссылка jsfiddle выполняет именно то, что вы просите … jsfiddle.net/jveldboom/c73MQ/2

Ответ №1:

Скройте его при успешном обратном вызове ajax. Что-то вроде этого:

 $(".your-loading-div").show();
$.ajax({
    url: 'mypage.html',
    success: function(){
        $(".your-loading-div").hide();
    },
    error: function(){
        $(".your-loading-div").hide();
        alert('failure');
    }
});