Eine Single-Page-App verwendet XMLHttpRequest für eine Drittanbieter-API, um nicht-kritische UI-Daten abzurufen. API-Antworten dürfen das Rendering nicht blockieren, und die Benutzeroberfläche sollte Timeouts/Fehler elegant behandeln. Welcher Ansatz ist der beste?

Die beste Option ist, den XHR asynchron (async=true) zu machen und das API-Widget bei Timeout/Fehler wegzulassen. Asynchrone Anfragen sind entscheidend, um das Blockieren des Renderings der Benutzeroberfläche zu verhindern, was bei Single-Page-Anwendungen (SPAs) eine schlechte Benutzererfahrung verursachen würde. Da die Daten nicht-kritisch sind, ist es akzeptabel, das Widget bei Fehlern oder Timeouts wegzulassen, anstatt die Anwendung zu unterbrechen. Die Option, den XHR synchron (async=false) zu machen, ist falsch, da dies das Rendering blockieren und die Anwendung einfrieren würde, bis die API-Antwort empfangen wird oder ein Timeout auftritt. Unbegrenzte Wiederholungen mit exponentiellem Backoff sind für nicht-kritische Daten übertrieben und könnten unnötige Serverlast erzeugen. Das Anzeigen der API-Fehlerantwort im UI-Widget ist oft keine elegante Fehlerbehandlung; es ist besser, das Widget einfach wegzulassen, wenn die Daten nicht verfügbar sind.