<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>javascriptサンプルプログラム</title>
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
</head>
<body>
<input type="button" id="disp" value="表 示">
<input type="button" id="clear" value="クリア">
<script>
$('#disp').click(function() {
console.log('表示ボタンがクリックされました！');
$.ajax({
type: "GET",
url: "http://192.168.1.251/disp/1,234,567",
dataType: "json",
timeout: 5000
})
.done(function(data){
console.log('disp success');
var data_stringify = JSON.stringify(data);
var data_json = JSON.parse(data_stringify);
//jsonデータからレスポンスstatusを取得
var status = data_json["status"];
console.log(status);
})
.fail(function(XMLHttpRequest, textStatus, errorThrown){
console.log('disp error:'+textStatus);
});
})
$('#clear').click(function() {
console.log('クリアボタンがクリックされました！');
$.ajax({
type: "GET",
url: "http://192.168.1.251/disp/%0C",
dataType: "json",
timeout: 5000
})
.done(function(data){
console.log('clear success');
var data_stringify = JSON.stringify(data);
var data_json = JSON.parse(data_stringify);
var status = data_json["status"];
console.log(status);
})
.fail(function(XMLHttpRequest, textStatus, errorThrown){
console.log('clear error:'+textStatus);
});
})
</script>
</body>
</html>
|