Shelly JSON JavaScript

Liebe Shelly Community,

ich bin seit mehreren Tagen verzweifelt an einem Problem, welches ich allein nicht lösen kann. Es geht darum, dass ich den JSON Status der Shelly Komponente, in meinem Fall ein Relay Shelly plus 1, in einer HTML Seite anzeigen lassen will.

Im folgenden Beispiel habe ich eine einfache HTML-Seite mit JavaScript (Asynchron). Zwei Buttons , einmal ein und einmal aus Abb[1]. Dies funktioniert soweit ganz gut.

Ziel ist es, das JSON, welches beim Aufrufen der URL, die vom Shelly zurückgegeben wird Abb[3], auch in der selben HTML Seite Abb[2] (Asynchron) in einem Textfeld anzeigen zu lassen.

Vielleicht hat sich schon jemand damit auseinandergesetzt und weiß eine Lösung für das Problem. Wenn möglich KEIN jQuery.

Ich danke im voraus.

Lösungsansatz für Shelly 1 (NICHT Shelly Plus 1)

Um das JSON Objekt auslesen zu können, muss auf der Servereite also direkt in den Shelly Einstellungen CROSS-Origin Resource Sharing aktiviert werden. Siehe Abb[6]

JavaScript

Mit dem folgenden Script kann das gesamte JSON Objekt ausgelesen werden oder auch nur bestimmte Attribute im JSON. Siehe Abb[5]

Bei Shelly Plus 1 und Shelly Plus1PM habe ich bis jetzt keine Lösung, da in den Shelly Einstellungen die Option für CROSS-Origin Resource Sharing fehlt. Siehe den Unterschied Abb[10]

Vielleicht findet Jemand die CROSS Einstellungen für diese zwei Shelly Komponente.

Danke für die Zusammenarbeit.

Wow.. ich weiß nicht, was ich sagen soll.. Als allererstes, danke, dass du dich meinem Problem gewidmet hast.

Ich habe es selbstverständlich sofort ausprobiert und es klappt….

Danke für den perfekten Lösungsansatz.

Frohes neues Jahr 2022