über "Fetch" Json Array/Object auswerten

[mat-sche]

Liebe Mitstreiter,

die letzten Tage einiges gemacht und gelernt und nun hier mein nächstes Problem.

Über einen Button click möchte ich an eine Funktion mehrer Werte schicken, mit id='' und Value='' kann ich mit:

Code:

function myFunction(ele) {
                console.log("Funktion() this");
                console.log(ele.id);
                console.log(ele.value);
               
                fetch(ele.id).then(function(response) {
                    response.text().then(function(text) {
                        JSON.parse(text, function (key, value) {
                            if (key == "Hostname") { document.getElementById("data.value_1").innerHTML = value; }
                            console.log("gesendete daten+");
                            //console.log(document.getElementById('WifiConfigValue' + ele.value).innerHTML = value);
                            if (key == "IPAddress") { document.getElementById("data.value_2" ).innerHTML = value; }   
                        });

                    }); 
                 });
                
            }  

und die Funktion über:

Code:

<button id="http://192.168.188.142/cm?cmnd=status%205" value="Hostname" value_1="dad" onclick="myFunction(this)">Click</button>

anspringen.
Wie kann ich nun mehr als nur 2 "Parameter" per Button Click an eine Funktion übergeben?

Ich suche nach einem Weg, wie ich diese Abfrage mit mehreren "Parameter" für mehrere "id"s lösen kann.
Also 1. id ="http://192.168.188.142/cm?cmnd=status%205"
       2. id= "http://192.168.188.141/cm?cmnd=status%205"
Der Inhalt des " response.text " ist immer der Gleiche:

Code:

{"StatusSNS":{"Time":"2024-01-24T21:36:25","ANALOG":{"Temperature":23.3},"ENERGY":{"TotalStartTime":"2023-12-29T14:15:42","Total":6.246,"Yesterday":1.960,"Today":0.000,"Power":0,"ApparentPower":0,"ReactivePower":0,"Factor":0.00,"Voltage":232,"Current":0.000},"TempUnit":"C"}}

nur die Values sind dementsprechend anders gefüllt.

Also folgender Workflow:

Button click:
 => Fetch: http://192.168.188.142/cm?cmnd=status%205  aufrufen => Daten einsammeln und per { document.getElementById("=2 Parameter=" ).innerHTML = value; }  die 2 Parameter an eine bestimmte Stelle ins HTML schreiben

 => Fetch: http://192.168.188.142/cm?cmnd=status%208  aufrufen => Daten einsammeln und per { document.getElementById("=7 Parameter=" ).innerHTML = value; } die 2 Parameter an eine bestimmte Stelle ins HTML schreiben

..... und das alles für mehrere IP-Adressen.

Soooo wie geh ich nun ran an die Sache..... hat jemand ne Idee?

many THANKS!
MAT