jQuery Ajax Loader vor dem Laden der Seite

Ich weiß nicht, ob dies erreicht werden kann, aber ich frage mich, weil ich diese Art von Seitenübergang auf vielen Websites finde. Meine Fragen sind 2 und folgendejQuery Ajax Loader vor dem Laden der Seite

Ist das möglich, ein Ladeprogramm (GIF) erscheinen zu lassen, bevor HTML geladen wird und während eines Seitenübergangs? ja

Und wenn

Ist das möglich, es durch jQuery, AJAX und PHP zu tun?

Ich meine, ich weiß, wie man einen Boot-Loader auf Seite laden wie zu implementieren:

<div class="loader"><!-- whatever animated gif--></div> 
<script> 
    $(window).load(function() { 
     $(".loader").fadeOut("slow"); 
    }) 
</script>

Aber auf diese Art und Weise, wie ich sehe vor einem weißen Bildschirm, dann Lader und neben der vollständige Seite. Meine Frage bezieht sich auf die Anzeige eines Ladeprogramms, bevor die Seite geändert und geladen wird, z. B .:

Klicken Sie auf den Link;

Bam: Loader angezeigt;

Bam: Seite ändert und lädt im Hintergrund.

Loader verschwindet.

Unterschiedlich durch this question, die sich auf AJAX-Anrufe bezieht. Ich spreche über HTML oder PHP, egal welche Seite.

Quelle

2016-05-17 XiLab

Sie können versuchen, als erste in HTML-Ladeanzeige angezeigt werden und nur nach Aufruf ' 'http://php.net/manual/pl/function.flush.php – jcubic

@jcubic danke für Ihre Antwort! Könnten Sie mir eine Antwort geben, damit ich es besser verstehe? – XiLab

können Sie versuchen, flush php function benutzen Sie einfach nach dem Ajax-Indikatoren

<!DOCTYPE html> 
<html> 
<body> 
<div class="loader"><!-- whatever animated gif--></div> 
<?php flush(); ?> 
rest of the html 
</body> 
</html>

Quelle

2016-05-17 15:54:18 jcubic

Danke! Aber ich sehe immer noch eine gewisse Verzögerung zwischen Klicken und Sehen des Laders. Ich werde wahrscheinlich für etwas gehen, das durch Klick ausgelöst wird und alle ohne href-Wert wie href = "#" ausschließen. Danke trotzdem! – XiLab

Wenn sich der Link auf Ihrer Website befindet, können Sie die Seite mit ajax laden. – jcubic

Ja, aber ich sollte meine ganze Architektur neu denken, denke ich. Ich habe versucht, wie ich es dir gesagt habe und es sieht ziemlich gut aus. Ich wünsche ihnen einen wunderbaren Tag – XiLab

jQuery Ajax Loader vor dem Laden der Seite

Antwort

Verwandte Themen