refresh setTimeout function

[rzscout]

Hi,
ich würde dir empfehlen auf jQuery zu verzichten. Die Performance wird dir es später danken. Ich würde dir auch empfehlen den 'user strict'-Mode anzuwenden. Damit kannst du lokale Variablen verwenden. Das macht die Performance noch besser und man kann außerhalb der Funktion die Variable nutzen ohne eine bestehende zu überschreiben.

Zu Font: In HTML5 und CSS3 kannst du auf font verzichten, da es veraltet ist und nicht dem neuen HTML-Standart entspricht. Verwende hier Elemente wie p, span, und andere Textformatierungs-Elemente. Verwende bitte auch kein width-Attribut mehr, dafür gibt es CSS.

Eine Lösung wäre es für das bzw. entsprechende Elemente eine CSS-Klasse erstellen und dieser Code hier:

Code:

field.classList.add('meineKlasse');

Und dann in CSS:

---

Code:

'use strict';
var xhr, infobox, myTable, array_geladen, rsp;
document.addEventListener('DOMContentLoaded', init);
function init() {
    infobox = document.getElementById('infobox');
    myTable = document.getElementsByTagName('table')[0];
    array_geladen = document.getElementById('array_geladen');
    xhr = new XMLHttpRequest();
    xhr.open('POST', 'daten_unerledigt');
    xhr.addEventListener('readystatechange', ()=> {
        if(xhr.status==200&&xhr.readyState==4) {
            rsp = xhr.responseText;
            infobox.innerHTML = "Whatever...";
            let mytBody = document.createElement('tbody');           
            myTable.appendChild(mytBody);
            mytBody.innerHTML = rsp;
            array_geladen.style.display = "block";
        }       
    });
    xhr.send(); 
}

Diese Version ist ohne jQuery. Man kann auch fetch.. then.. anstatt XML-Request benutzen. Für mich ist der XMLHttp-Request aber so lesbarer und ich kann damit auch komplexe Requests schreiben.