JSON per Javascript senden

littlekenny

Hallo zusammen,
ich bin absoluter Neuling was Javascript angeht und stehe hier vor einem kleinem Problem

Ich habe folgendes Formular und benötige hier aber noch einen weiteren Button.
Der erste Button senden ein "true" an meine Bridge... Es soll aber noch ein zweiter Button daneben, der mir ein "false" sendet! Das true schaltet in dem Falle meine Lampen ein und dass false sie wieder aus.

Bekomme es nur soweit hin, dass er sie mir einschaltet, aber mit der selben Funktion kann ich diese nicht wieder ausschalten...

Code

<body>
        <form name="commandform">
            <h1>CLIP API Debugger</h1>
            <h2>URL:</h2>
            <input hidden="true" name="commandurl" type="text" size="60" value="http://xxxxxxxxxxxx/groups/2/action">
            <div id="buttons">
                <button type="button" name="ON" onclick="AN()" onclick="getHTML('PUT')">Esszimmer AN</button>
            </div>
            <h2>Message Body:</h2>
            <textarea name="messagebody" rows="10" cols="100">{"on":false}</textarea>
            <h2>Command Response:</h2>
            <textarea name="response" rows="25" cols="100"></textarea>
        </form>
    </body>
</html>
 
<script language="JavaScript">
function getHTML(command)
{
    if (window.XMLHttpRequest)
    {
        var http = new XMLHttpRequest();
        http.open(command, document.commandform.commandurl.value, true);
 
        http.onreadystatechange = function()
        {
            if(http.readyState == 4)
            {
                if(http.status==200)
                {
                    document.commandform.response.value="Bad JSON: "+http.responseText
                    document.commandform.response.value=JSON.stringify(JSON.parse(http.responseText), null, '\t');
                }
                else
                {
                    document.commandform.response.value="Error "+http.status
                }
            }
        }
        http.send(document.commandform.messagebody.value);
    }
    return false;
}
</script>

Alles anzeigen

Vielen Dank für eure Hilfe!

basti1012

Warum hast du den 2 mal onclick in ein button ?

Das kannst du weg machen

Code

onclick="AN()"

ansonsten würde ich es so machen ,fals ich dich richtig verstanden habe

Code

<body>
        <form name="commandform">
            <h1>CLIP API Debugger</h1>
            <h2>URL:</h2>
            <input hidden="true" name="commandurl" type="text" size="60" value="http://xxxxxxxxxxxx/groups/2/action">
            <div id="buttons">
<button type="button" name="ON"   onclick="getHTML('PUT',true)">Esszimmer AN</button>
<button type="button" name="OFF"  onclick="getHTML('PUT',false)">Esszimmer AUS</button> 
            </div>
            <h2>Message Body:</h2>
            <textarea name="messagebody" rows="10" cols="100">{"on":false}</textarea>
            <h2>Command Response:</h2>
            <textarea name="response" rows="25" cols="100"></textarea>
        </form>
    </body>
 
<script language="JavaScript">
function getHTML(command,was)
{ 
//alert(was)
    if (window.XMLHttpRequest)
    {
        var http = new XMLHttpRequest();
 http.open(command, document.commandform.commandurl.value, was);

        http.onreadystatechange = function()
        {
            if(http.readyState == 4)
            {
                if(http.status==200)
                {
    document.commandform.response.value="Bad JSON: "+http.responseText
 document.commandform.response.value=JSON.stringify(JSON.parse(http.responseText), null, '\t');
                }
                else
                {
                    document.commandform.response.value="Error "+http.status
                }
            }
        }
        http.send(document.commandform.messagebody.value);
    }
    return false;
}
</script>

Alles anzeigen

Sempervivum

Den Kern der Sache, nämlich die Funktion AN() finde ich nicht in dem Code, den Du gepostet hast. Hast Du das soweit selbst entwickelt oder von irgendwoher übernommen?

basti1012

Ich habe das mal ausprobiert mit den 2 mal onclick

Code

 <button type="button" name="ON" onclick="AN()" onclick="getHTML('PUT')">Esszimmer AN</button>

Das geht auch nicht ,ist klar selbst wenn es "AN" geben würde.

Richtig müsste das so heisen ???

Code

onclick="getHTML('PUT'),AN()"

Dann starten auch beide Functionen.Aber auch nur wenn sie vorhanden sind sonst gibts ärger von der konsole

Sempervivum

Getestet hatte ich das auch mit dem Ergenis, dass nur die Funktion aufgerufen wurde, die als erstes dem Event zugwiesen wurde.

basti1012

Stimmt ,bei mir hat er auch nur den ersten onclick="" genommen.

habe es mal mit

Code

"use strict"

versucht ,weil der Browser sehr gerne damit einige Fehler übersieht.Aber damit geht es auch nicht.

Und wenn es functionier hätte wäre das wohl auch nur pfusch

Jetzt mitmachen!