<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>懂事电子设计</title>
</head>
<body>
<form action="">
<div id="pal">
<div id="first">
<input type="button" id = "fbutton" value="前进" onmousedown="get_request('sw','/GPIO1')">
</div>
<div id="second">
<input type="button" id = "lbutton" value="左转" onmousedown="get_request('sw','/GPIO2')">
<input type="button" id = "sbutton" value="刹车" onmousedown="get_request('sw','/GPIO3')">
<input type="button" id = "rbutton" value="右转" onmousedown="get_request('sw','/GPIO4')">
</div>
<div id="third">
<input type="button" id = "bbutton" value="后退" onmousedown="get_request('sw','/GPIO5')">
</div>
</div>
<p id="sw">关</p>
</form>
</body>
<script>
/******************************
函数:向path发送GET请求，并得到后台send()方法发送过来的值,把得到的值写到ElementId所指向的元素
注意，发送GET请求后台的响应是必要的。
ElementId: 要得到数据的元素ID
path: 请求的路径
******************************/
function get_request(ElementId , path){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { //如果请求就绪和状态已完成
document.getElementById(ElementId).innerHTML = xmlhttp.responseText; //将获取到的内容<send(200,"text/plain", String());>写到id为ElementId的元素中
}
},
xmlhttp.open("GET", path, true); //发送GET请求
xmlhttp.send();
}
</script>
</html>
