0

AJAX メソッドの前に GIF 画像を追加しますが、読み込み時間は非常に短いです。ロード期間の時間を設定するにはどうすればよいですか?その後、AJAX 応答が表示されますか?

            $('.signup p').html('<img src="img/loading.gif" width="40px" height="40px" alt="loading_effect" />');

            $.ajax({
                 url : 'signup_action.php',
                 method : 'post',
                 data : {name,email,password1,dob,gender},
                success : function(response){
                    $('.signup p').html(response);
                }
            });
4

2 に答える 2

0

このように遅延させる方法は次のとおりです。

使用することにより.delay():

 $('.signup p').delay(800).html('<img src="img/loading.gif" width="40px" height="40px" alt="loading_effect" />');

注 : 1 秒の場合は 1000 が必要になるため、このようにミリ秒単位で秒を入力する必要があります。

の参照 URL .delay():

https://api.jquery.com/delay/

また

もちろん、これを行う別の方法は次のとおりです。

$(document).ajaxStart(function() {
       $('.signup p').show();
}).ajaxStop(function() {
    $('.signup p').hide();
});

参考リンク：

.ajaxStart(): https://api.jquery.com/ajaxStart/

.ajaxStop(): https://api.jquery.com/ajaxStop/

于 2016-05-22T13:49:10.743 に答える
0

あなたはそれを行うことができます。Jquery には、いつ ajax が開始され、いつ ajax が停止するかを知るための特定の関数があります。gif を表示するたびに表示し、ajax が停止したときに非表示にする場合: gif を非表示にして (display:'none' を使用)、ajax をロードするときに表示することができます。

$(document).ajaxStart(function() {
       $('.signup p').show();
}).ajaxStop(function() {
    $('.signup p').hide();
});

表示してから非表示にする回数がわかっている場合は、https://api.jquery.com/delay/を使用します。

于 2016-05-22T13:52:26.073 に答える