• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

GET mit Schaltfläche ausführen

Muß das ein Link bleiben ? Oder kann es auch eine id sein.
zb so
Code: 
<p style="text-decoration:underline;cursor:pointer;" id="http://192.168.178.24:8080/CMD?Light_GF1_Office_Decke=TOGGLE&__async=true&__source=wa010007">KNX Schalten</p>
 
Danke.
HTML: 
<body>
<form id="form1" name="form1" method="post" action="http://192.168.178.24:8080/CMD?Light_GF1_Office_Decke=TOGGLE&__async=true&__source=wa010007">
<input type="submit" name="Submit" value="Senden" method="post">
</body>

Das geht auch.
Aber leider läd dann die Seite. Das ist blöd.
 
basti1012 schrieb:
Muß das ein Link bleiben ? Oder kann es auch eine id sein.
zb so
Code: 
<p style="text-decoration:underline;cursor:pointer;" id="http://192.168.178.24:8080/CMD?Light_GF1_Office_Decke=TOGGLE&__async=true&__source=wa010007">KNX Schalten</p>
Zum Vergrößern anklicken....
Es muss kein links sein, einfach nur ein Request.
Das wird vom Microkontoller gesendet.
 
Dann sollte Ajax ja auch gehen
*** Link entfernt, weil nicht mehr erreichbar ***
Da sollte die Seite nicht neu geladen werden
 
Zuletzt bearbeitet:
Wie baue ich das in die Seite ein?
Das geht so nicht


HTML: 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>


</head>
$('#klick').click(function(){

    var httpRequest = new XMLHttpRequest();
    httpRequest.open('GET', "http://192.168.178.24:8080/CMD?Light_GF1_Office_Decke=TOGGLE&__async=true&__source=wa010007");
    httpRequest.send();
  //alert(httpRequest.responseText)

});

<body>
<a id="klick" href="#">KNX Schalten</a> 
</body>
 
Hi,
will immer noch nicht.


HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">     
$('#klick').click(function(){
 
    var httpRequest = new XMLHttpRequest();
    httpRequest.open('GET', "http://192.168.178.24:8080/CMD?Light_GF1_Office_Decke=TOGGLE&__async=true&__source=wa010007");
    httpRequest.send();
  //alert(httpRequest.responseText)
 
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="#">
  <input type="submit" name="Submit" value="KNX Schalten" />
</form>
</body>
</html>
 
Du hättest den Button noch ein type button geben müssen und eine ID.
Dann was schon gesagt wurde der Javascript Code unterhalb den Button setzten
und jquery Einbinden.
Habe das mal beigefügt


Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
 
  <input type="button"  id="klick" value="KNX Schalten" />
<script type="text/javascript">
$('#klick').click(function(){

    var httpRequest = new XMLHttpRequest();
    httpRequest.open('GET', "http://192.168.178.24:8080/CMD?Light_GF1_Office_Decke=TOGGLE&__async=true&__source=wa010007");
    httpRequest.send();
  //alert(httpRequest.responseText)

});
</script>
</body>
</html>


probier das mal jetzt
 
Zuletzt bearbeitet:
Probier mal dieses hier
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
 
  <input type="button"  id="klick" value="KNX Schalten" />
<script type="text/javascript">
$('#klick').click(function(){
var request = new XMLHttpRequest();
request.open("GET","http://192.168.178.24:8080/CMD?Light_GF1_Office_Decke=TOGGLE&__async=true&__source=wa010007");
request.addEventListener('load', function(event) {
 //alert(request.responseText)
});
request.send();
});
</script>
</body>
</html>


Wenn das auch nicht geht dann bin ich überfragt.
Was sagt die Fehlerkonsole den?
Fals es nicht geht
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben