質問編集履歴
3
プログラムの変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -21,41 +21,44 @@
|
|
|
21
21
|
<html lang="ja">
|
|
22
22
|
<head>
|
|
23
23
|
<meta charset="UTF-8">
|
|
24
|
+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
24
|
-
<title>体重
|
|
25
|
+
<title>体重</title>
|
|
25
26
|
<link href="./style.css" rel="stylesheet">
|
|
26
27
|
<script src="./jquery-3.6.1.min.js"></script>
|
|
27
|
-
|
|
28
28
|
<script>
|
|
29
29
|
$(function(){
|
|
30
|
-
// jQueryを使用して、
|
|
30
|
+
// jQueryを使用して、計算ボタンがクリックされたら処理を行ないます。
|
|
31
|
-
$("#calc").on("click",
|
|
31
|
+
$("#calc").on("click",function(){
|
|
32
|
-
function{
|
|
33
|
-
$.getJSON("bmi.php",
|
|
34
|
-
|
|
32
|
+
$.getJSON("bmi.php",{height:$("#height").val()},
|
|
35
|
-
|
|
33
|
+
function(data){
|
|
34
|
+
|
|
36
35
|
// 行のオブジェクトを生成します。
|
|
37
36
|
var tr = $("<tr>");
|
|
37
|
+
|
|
38
38
|
// 列のオブジェクトを生成して行に追加します。
|
|
39
|
-
var td_low = $("<td>").text(data.low);
|
|
40
|
-
t
|
|
39
|
+
var td_low = $("#bmi-result").html(data.low);
|
|
41
|
-
|
|
40
|
+
tr.append(td_low);
|
|
41
|
+
|
|
42
|
-
|
|
42
|
+
var td_mid = $("#bmi-result").html(data.mid);
|
|
43
|
-
|
|
43
|
+
tr.append(td_mid);
|
|
44
|
+
|
|
44
|
-
|
|
45
|
+
var td_hi = $("#bmi-result").html(data.hi);
|
|
46
|
+
tr.append(td_hi);
|
|
47
|
+
|
|
45
48
|
// 行のオブジェクトをテーブルに追加します。
|
|
46
49
|
$("#listbox").append(tr);
|
|
50
|
+
|
|
51
|
+
});
|
|
47
52
|
});
|
|
48
53
|
});
|
|
49
|
-
});
|
|
50
54
|
</script>
|
|
51
55
|
</head>
|
|
52
56
|
|
|
53
57
|
<body>
|
|
54
58
|
<div id="bmi-result">
|
|
55
|
-
<form method="get" action="bmi.php">
|
|
56
59
|
<p>身長(m)：
|
|
57
60
|
<input type="text" value="" id="height" name="height">
|
|
58
|
-
<input type="button" value="計算" id="calc"></
|
|
61
|
+
<input type="button" value="計算" id="calc"></p>
|
|
59
62
|
<table id="listbox">
|
|
60
63
|
<tr>
|
|
61
64
|
<th>低体重(kg)</th>
|
|
@@ -68,6 +71,7 @@
|
|
|
68
71
|
</body>
|
|
69
72
|
</html>
|
|
70
73
|
|
|
74
|
+
|
|
71
75
|
```2つ目のプログラム
|
|
72
76
|
<?php
|
|
73
77
|
if (! isset($_SERVER['HTTP_X_REQUESTED_WITH']) ||
|
|
@@ -76,14 +80,20 @@
|
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
|
|
83
|
+
$value = array(
|
|
79
|
-
|
|
84
|
+
1 => array('low'=>height*height*18.5),
|
|
80
|
-
|
|
85
|
+
2 => array('mid'=>height*height*22),
|
|
81
|
-
|
|
86
|
+
3 => array('hi'=>height*height*25.0)
|
|
87
|
+
);
|
|
82
88
|
|
|
83
89
|
header("Content-Type: application/json; charset=UTF-8");
|
|
84
90
|
header("X-Content-Type-Options: nosniff");
|
|
85
91
|
|
|
86
|
-
echo json_encode(
|
|
92
|
+
echo json_encode(
|
|
93
|
+
$value,
|
|
94
|
+
JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP
|
|
95
|
+
);
|
|
96
|
+
|
|
87
97
|
|
|
88
98
|
|
|
89
99
|
```
|
2
プログラムの変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
// 行のオブジェクトを生成します。
|
|
37
37
|
var tr = $("<tr>");
|
|
38
38
|
// 列のオブジェクトを生成して行に追加します。
|
|
39
|
-
var td_low = $("<td>").text(data
|
|
39
|
+
var td_low = $("<td>").text(data.low);
|
|
40
|
-
tr.append($("#bmi-result").html(low));
|
|
40
|
+
tr.append($("#bmi-result").html(data.low));
|
|
41
|
-
var td_mid = $("<td>").text(data
|
|
41
|
+
var td_mid = $("<td>").text(data.mid);
|
|
42
|
-
tr.append($("#bmi-result").html(mid));
|
|
42
|
+
tr.append($("#bmi-result").html(data.mid));
|
|
43
|
-
var td_hi = $("<td>").text(data
|
|
43
|
+
var td_hi = $("<td>").text(data.hi);
|
|
44
|
-
tr.append($("#bmi-result").html(hi));
|
|
44
|
+
tr.append($("#bmi-result").html(data.hi));
|
|
45
45
|
// 行のオブジェクトをテーブルに追加します。
|
|
46
46
|
$("#listbox").append(tr);
|
|
47
47
|
});
|
1
プログラムの変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
<html lang="ja">
|
|
22
22
|
<head>
|
|
23
23
|
<meta charset="UTF-8">
|
|
24
|
-
<title>
|
|
24
|
+
<title>体重計算</title>
|
|
25
25
|
<link href="./style.css" rel="stylesheet">
|
|
26
26
|
<script src="./jquery-3.6.1.min.js"></script>
|
|
27
27
|
|