Keine Ausführung nach Vor -Schleife

KahnSoft · 27.11.2023

Hallo,
ich mache gerade ein HTML, und dessen Java-Part kommt ab einer bestimmten Position nichts mehr zur Ausführung, will heißen das einer normalen Schleife die Ausführung dadrunter nie mehr ankommt.
Die Abbruch Bedingungen für die for schleifen sind normal und unter 10.

Javascript:

function Init()
{
    ajax = new XMLHttpRequest();
    data = document.location + "?";
    index = document.getElementsByTagName('input');
    sliders = document.getElementsByClassName('sliderStatus');

    timerid = window.setInterval("OnTimer()", 5000);

    for (i = 0; i < index.length; i++)
    {
        sliders[i].innerHTML = " " + index[i].value;
    }

    for (i = 0; i < index.length; i++)
    {
        sliders[i].innerHTML = index[i].value;
        data += index[i].name + "=" + index[i].value + "&";
    }

    /*
    Hier kann kein Timer initalisiert werden, muss man oben machen
    timerid = window.setInterval("OnTimer()", 5000);
   */

    ajax.open("PUT", data + " ", false);
    ajax.send();

}

Gibt es Hinweise warum die Ausführung innert einer Funktion nicht unten ankommt, die Schleifen laufen genau durch
der Versuch einen Timer an der Markierten Stelle zu initialisieren funktiniert hier nicht.

Danke für Hinweise
Karsten aus Berlin

Sempervivum · 27.11.2023

Hallo Karsten und willkommen im Forum!
Wenn Du schreibst, dass das Skript unten nicht ankommt, vermute ich, dass es wegen eines Fehlers zuvor abbricht. Einen Syntaxfehler kann ich nicht finden, es muss etwas anderes sein. Die Eingabefelder, die Du in index ablegst und die Elemente mit der Klasse "sliderStatus" müssen genau parallel laufen. Kann es sein, dass es weniger Elemente .sliderStatus gibt als Eingabefelder? Letztere spezifizierst Du ja nicht genauer, möglicher Weise gibt es noch mehr, die mit dieser Angelegenheit nichts zu tun haben?

KahnSoft · 27.11.2023

Ach Mensch da hast Du recht, war nicht balanciert, das es dann anhält wusste ich nicht, guter Hinweis Vielen Dank.
Gruß
Karsten aus Berlin

Sempervivum · 27.11.2023

Noch zwei Hinweise:

Im HTML stecken Fehler, vor allem, dass die input-Tags nicht mit > abgeschlossen sind.
Du hast da ein Gemisch von XMLHttpRequest und $.ajax. Ich empfehle, das einheitlich zu machen und statt dessen fetch zu verwenden, weil das einfacher zu handhaben ist.
Du baust die URL-Parameter mühsam mit String-Operationen zusammen. Das geht wesentlich einfacher mit dem FormData-Objekt.

Hier eine Demo aus der Schublade mit fetch und FormData:

Code:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Test fetch API with POST request</title>


</head>

<body>
    <form>
        <input type="text" name="param1" value="some-param">
        <input type="text" name="param2" value="some-other-param">
        <input type="number" name="numparam" value="1.24">
    </form>
    <span id="out"></span>
    <script>
        fetch('testpost.php', {
            method: 'post',
            body: new FormData(document.querySelector('form'))
        }).then(res => {
            return res.text();
        }).then(res => {
            console.log(res);
            document.getElementById('out').innerHTML = res;
        });
    </script>
</body>

</html>

Mit der Methode PUT dürfte das auch funktionieren.

KahnSoft · 27.11.2023

Hallo Sempervivum

ich werde die Hinweise integrieren und analysieren, ich komme auch eher aus der C Ecke,

Vielen Dank dann weiß ich schon viel weiter.
Karsten aus Berlin