質問編集履歴

1

追記

2019/09/28 10:12

投稿

jin007
jin007

スコア34

test CHANGED
File without changes
test CHANGED
@@ -37,3 +37,155 @@
37
37
 
38
38
 
39
39
  以上、よろしくお願いいたします。
40
+
41
+
42
+
43
+ ---
44
+
45
+
46
+
47
+ ◆追記
48
+
49
+ >>Fiddler を入手して、要求・応答をキャプチャして・・・
50
+
51
+ ⇒入手いたしました。
52
+
53
+  送信ボタンを押しているのですが、Fiddler上何も表示されないのでおそらく叩けていないのだなと思いました。
54
+
55
+
56
+
57
+
58
+
59
+ >>タグにphpも設定しておいた方が・・・
60
+
61
+ ⇒ご指摘ありがとうございます。追加いたしました。
62
+
63
+
64
+
65
+
66
+
67
+ >>あなた自身が書かれているコード・・・
68
+
69
+ ⇒記載いたしました。参考にしているサイトと同じコードになります。
70
+
71
+
72
+
73
+
74
+
75
+ ◆コード
76
+
77
+ 同じディレクトリ配下に、
78
+
79
+ ・index.html
80
+
81
+ ・sample.php
82
+
83
+
84
+
85
+
86
+
87
+ ▼index.html
88
+
89
+ ```HTML
90
+
91
+ <!DOCTYPE html>
92
+
93
+ <html lang="ja">
94
+
95
+ <head>
96
+
97
+ <meta charset="utf-8">
98
+
99
+ <title>ajax</title>
100
+
101
+ </head>
102
+
103
+ <body>
104
+
105
+ <h1>jquery.get()</h1>
106
+
107
+
108
+
109
+ <label>ID:<input type="number" name="name" value=""></label>
110
+
111
+ <input type="button" value="送信">
112
+
113
+ <p>名前:<span></span></p>
114
+
115
+
116
+
117
+ <script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
118
+
119
+ <script>
120
+
121
+ $(function() {
122
+
123
+
124
+
125
+ $("[type=button]").on("click", function() {
126
+
127
+
128
+
129
+ $.get("sample.php", {
130
+
131
+ id : $("[type=number]").val()
132
+
133
+ }, function(data) {
134
+
135
+ $("span").text(data);
136
+
137
+ });
138
+
139
+
140
+
141
+ });
142
+
143
+
144
+
145
+ });
146
+
147
+ </script>
148
+
149
+ </body>
150
+
151
+ </html>
152
+
153
+ ```
154
+
155
+
156
+
157
+ ▼sample.php
158
+
159
+ ```php
160
+
161
+ <?php
162
+
163
+ switch ($_GET['id']) {
164
+
165
+ case 1:
166
+
167
+ echo "田中";
168
+
169
+ break;
170
+
171
+ case 2:
172
+
173
+ echo "佐藤";
174
+
175
+ break;
176
+
177
+ default:
178
+
179
+ echo "なし";
180
+
181
+ break;
182
+
183
+ }
184
+
185
+ ```
186
+
187
+
188
+
189
+ ◆phpの環境が自分のPCに無かったので・・
190
+
191
+ [このサイト](https://sastd.com/php-easy-environment/)を参考にphpの環境を作りました。