<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>发射器3</title>
<style>
body {
text-align: center;
margin: 0 auto;
padding: 0 20px;
}
.space {
margin-bottom: 5px;
/*text-align: right;*/
display: block;
}
.tips {
color: red;
text-align: center;
}
.btn {
padding: 10px 12px;
margin: 0 2px;
}
#div1 a, #div2 a, #div3 a {
margin-right: 7px;
}
</style>
<link rel="stylesheet" href="css/buttons.css">
<script src="js/jquery-2.1.4.js"></script>
</head>
<body>
<div class="space">
<button onclick="update(11);" class="btn">1万</button>
<button onclick="update(12);" class="btn">2万</button>
<button onclick="update(13);" class="btn">3万</button>
<button onclick="update(14);" class="btn">4万</button>
<button onclick="update(15);" class="btn">5万</button>
<button onclick="update(16);" class="btn">6万</button>
<button onclick="update(17);" class="btn">7万</button>
<button onclick="update(18);" class="btn">8万</button>
<button onclick="update(19);" class="btn">9万</button>
</div>
<div class="space">
<button onclick="update(21);" class="btn">1条</button>
<button onclick="update(22);" class="btn">2条</button>
<button onclick="update(23);" class="btn">3条</button>
<button onclick="update(24);" class="btn">4条</button>
<button onclick="update(25);" class="btn">5条</button>
<button onclick="update(26);" class="btn">6条</button>
<button onclick="update(27);" class="btn">7条</button>
<button onclick="update(28);" class="btn">8条</button>
<button onclick="update(29);" class="btn">9条</button>
</div>
<div class="space">
<button onclick="update(31);" class="btn">1筒</button>
<button onclick="update(32);" class="btn">2筒</button>
<button onclick="update(33);" class="btn">3筒</button>
<button onclick="update(34);" class="btn">4筒</button>
<button onclick="update(35);" class="btn">5筒</button>
<button onclick="update(36);" class="btn">6筒</button>
<button onclick="update(37);" class="btn">7筒</button>
<button onclick="update(38);" class="btn">8筒</button>
<button onclick="update(39);" class="btn">9筒</button>
</div>
<div class="space">
<button onclick="update(41);" class="btn">东</button>
<button onclick="update(42);" class="btn">南</button>
<button onclick="update(43);" class="btn">西</button>
<button onclick="update(44);" class="btn">北</button>
<button onclick="update(45);" class="btn">中</button>
<button onclick="update(46);" class="btn">发</button>
<button onclick="update(47);" class="btn">白</button>
</div>
<div class="space">
<button onclick="update(51);" class="btn">吃碰</button>
<button onclick="update(52);" class="btn">长震</button>
</div>
<div><span class="tips" id="result"></span></div>
<script>
/*
发送请求
*/
function update(id) {
$.ajax({
url: "/notify?id=" + id,
type: "GET",
async: true,
success: function (res) {
console.log(res);
$("#result").text(res);
}
});
};
</script>
</body>
</html>
