質問編集履歴
2
jsのメソッド名が誤っていたため修正いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
|
|
93
93
|
```javascript (test.js)
|
|
94
94
|
|
|
95
|
-
function
|
|
95
|
+
function testBtn(num) {
|
|
96
96
|
|
|
97
97
|
$.ajax({
|
|
98
98
|
|
1
エラー時の動きについて追記しております。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,9 +12,17 @@
|
|
|
12
12
|
|
|
13
13
|
### 発生している問題・エラーメッセージ
|
|
14
14
|
|
|
15
|
-
Google Chromeのディベロッパーツールのコンソールを見たところ、ajaxでレスポンスを受け取ったあとにPOSTしているようで、
|
|
15
|
+
Google Chromeのディベロッパーツールのコンソールを見たところ、ajaxでレスポンスを受け取ったあとに以下のようにPOSTしているようで、
|
|
16
16
|
|
|
17
17
|
コントローラ側ではPOSTに対応したメソッドが無いためエラーになっているようです。
|
|
18
|
+
|
|
19
|
+
①/test/inputにアクセス
|
|
20
|
+
|
|
21
|
+
②ボタンクリックでURLを「/test/index/btn」としてajax通信
|
|
22
|
+
|
|
23
|
+
③通信後に/test/inputに対してPOSTしている。
|
|
24
|
+
|
|
25
|
+
|
|
18
26
|
|
|
19
27
|
なぜ、POSTが走ってしまうのでしょうか。
|
|
20
28
|
|
|
@@ -24,7 +32,7 @@
|
|
|
24
32
|
|
|
25
33
|
```
|
|
26
34
|
|
|
27
|
-
|
|
35
|
+
2020-09-01 16:46:06.335 WARN 14528 --- [nio-8080-exec-5] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.HttpRequestMethodNotSupportedException: Request method 'POST' not supported]
|
|
28
36
|
|
|
29
37
|
```
|
|
30
38
|
|
|
@@ -34,7 +42,9 @@
|
|
|
34
42
|
|
|
35
43
|
|
|
36
44
|
|
|
37
|
-
```Java
|
|
45
|
+
```Java (TestController.java)
|
|
46
|
+
|
|
47
|
+
(省略※/test/inputへのGET用メソッドがあります）
|
|
38
48
|
|
|
39
49
|
@RequestMapping(value = "test/input/btn", method = RequestMethod.GET)
|
|
40
50
|
|
|
@@ -54,7 +64,9 @@
|
|
|
54
64
|
|
|
55
65
|
numの値がある場合、ボタンを表示せず、numの値を表示させます。
|
|
56
66
|
|
|
57
|
-
```html
|
|
67
|
+
```html (test/input.html)
|
|
68
|
+
|
|
69
|
+
（省略）
|
|
58
70
|
|
|
59
71
|
<div id="testFragment" th:fragment="testFragment">
|
|
60
72
|
|
|
@@ -78,7 +90,7 @@
|
|
|
78
90
|
|
|
79
91
|
```
|
|
80
92
|
|
|
81
|
-
```javascript
|
|
93
|
+
```javascript (test.js)
|
|
82
94
|
|
|
83
95
|
function bankDirectBtn(num) {
|
|
84
96
|
|