Seite machen abhängig von Asynchron-Aufruf

Question

Normalerweise, wenn eine asynchrone api Rufdaten der Seite abhängt, zu packen, würde ich:

1. die html
2. Verwenden ajax von Kundendaten
3. anzeigen greifen Serviere eine Art Lade Text/Animation bei Bedarf
4. Inhalt rendern, wenn die Daten

verfügbar ist, wenn ich alle hTML-Datei auf Seite gerendert wollen Last, jedoch gibt es einen guten Grund, von dem Server (psuedo-Code) nicht nur zu tun:

app.get('/', function(req, res) { 
    _apiService.getData() 
    .then(function(data) { 
     //build html from template or whatever using data 
     res.send(html); 
    }) 
    .catch(function(err) { 
     res.send(errorPage); 
    }); 
}); 

Im Stil eines traditionellen, synchron, erhalten Daten dann Sachen Weg zurückkehren?

Offensichtlich gibt es kein schickes Ladesymbol und stattdessen wartet diese Zeit auf das Laden der Seite, aber Sie würden das vollständig gerenderte HTML und die Einfachheit im Gegenzug bekommen.

* Frage geht davon aus Anforderung asynchroner api

Answer 1

Es hängt davon ab, welche Art von Daten, die Sie dienen.

Wenn Sie Daten bereitstellen, die sich häufig ändern (häufiger als ein Benutzer die Seite neu laden würde), ist AJAX eine ideale Lösung.

Zum Beispiel, Social-Media-Daten: Benutzer können etwas veröffentlichen, während andere Benutzer darauf warten, es zu sehen. Daher würde Ihre Anwendung idealerweise diese Daten abrufen, sobald sie verfügbar waren.

Ansonsten ist das Laden vom Backend eine einfachere Option, vor allem mit Daten wie Blogposts: neue Blogposts werden nicht alle paar Minuten kommen und eine kleine Anzahl von Benutzern wird die Seite geöffnet haben, wenn sie es sind verfügbar, so dass Ihre Anwendung es nicht laden muss, sobald es verfügbar ist.