Rainer-Rebhan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta http-equiv="pragma" content="no-cache">
<title>JSON_eHZ_Test</title>
</head>
Javascript -Teil
<script language="javascript" type="text/javascript">
var eHZ_Server = "xxx.xxx.xxx.xxx"; IP Adresse des ARDUINO Ethernet Shield z.B 192.168.1.20
var ZWert_Lieferung = "";
var ZWert_Bezug = "";
function eHZ_Callback(json_data)
{
var str = json_data;
var len = json_data.length;
if (str.search('eHZ-Lieferung'))
{
var ab = str.indexOf(":");
var bis = str.indexOf(",");
ZWert_Lieferung = str.slice(ab+1,bis);
}
if (str.search('eHZ-Bezug'))
{
var ab = str.indexOf(":",30);
var bis = str.indexOf("}");
ZWert_Bezug = str.slice(ab+1,bis);
}
document.getElementById("jsoninfo_0").innerHTML = json_data;
document.getElementById("jsoninfo_1").innerHTML = ZWert_Lieferung;
document.getElementById("jsoninfo_2").innerHTML = ZWert_Bezug;
}
function eHZ_Request()
{
var data = document.createElement('script');
data.src = "http://192.168.2.20/?callback=eHZ_Callback";
data.type='text/javascript';
document.getElementsByTagName("head")[0].appendChild(data);
}
</script>
HTML-Teil
<body bgcolor="#ffffff"> <!-- onload="setTimeout('eHZ_Request()',500);" --->
<H2>eHZ SML Manager Stromwerte</H2>
<font face="arial" size="3">
<b>JSON-Daten vom eHZ:</b> <div id = "jsoninfo_0"></div><br>
Strom-Lieferung: <span id = "jsoninfo_1"></span><br>
Strom-Bezug: <span id = "jsoninfo_2"></span>
<br><br>
<form>
Dieser
<input type="button" value="Request" onclick="eHZ_Request();">
liefert aktuelle Daten.
</form></font>
</body>
</html>
