Bildschirm nach der Suche vorladen?

Question

Ich habe ein Flugsuche Suchfeld in meiner Homepage (ähnlich http://www.travelpack.com/)

Wenn Sie in http://www.travelpack.com/ suchen Sie ein „Wir suchen Flüge finden, die Ihren Anforderungen entsprechen. Bitte warten ... " Bildschirm Ich hatte es nicht und ich möchte einen ähnlichen Bildschirm auf meiner Website.

das Problem ist, dass, wenn ich Suche von meiner Homepage klicken i Javascript bin mit dem Formular abzuschicken

document.flight_search.action = 'php/flt-show-availability.php?&s=1&Sort=P'; 
      document.flight_search.method = 'post'; 
      document.flight_search.submit(); 

wie kann ich einen Ladebildschirm ähnlich wie im Reisepaket erstellen.

Answer 1

Sie können auf die Ergebnisseite umleiten und die Ergebnisliste hinter einem div verbergen, das die Ladenachricht enthält. Dann erhalten Sie die Ergebnisse via Javascript (Ajax oder ähnliches) und bauen die Liste im Hintergrund auf.

Wenn der Server mit der Suche fertig ist, wird die Anfrage beendet und Sie können das div, das die Lademeldung enthält, ausblenden (z. B. in der Rückruffunktion).

Answer 2

in jQuery man den Bildschirm zeigen würde, und nach vorne nach dem Ajax-Aufruf (der die appilcation erzählt ein Ergebnis zu erzeugen) abgeschlossen ist, ähnlich wie das:

$('.search').click(function(event){ 
    event.preventDefault(); 
    $('#loadAnimationWrapper').show(); 

    $.ajax({ 
    cache: false, 
    async: false, 
    type: 'GET', 
    url: '/your/callback/url', 
    success: function(data) { 
     // your forwarding code 
    } 
}); 
}); 

aber meiner Meinung nach, die Beispielseite Du gibst das Problem, dass der angezeigte Inhalt nicht in der URL dargestellt wird, also kannst du zum Beispiel die URL nicht an jemand anderen weitergeben, um ihn an den Ergebnissen sehen zu lassen.

Also, Ajax Magie - sicher, aber sei vorsichtig.

Answer 3

Nun, Sie können Ihr Formular über Ajax-Anfrage senden und auf die Antwort warten. während der Wartezeit den Lader anzeigen.

wenn die Anforderung erfolgreich ist man anders reagieren kann: - ersetzen Sie den Inhalt - liest die erzeugte Ausgabeseite