質問編集履歴

1

ソースを修正しました

2018/12/04 11:31

投稿

takahiro00
takahiro00

スコア84

test CHANGED
File without changes
test CHANGED
@@ -15,6 +15,12 @@
15
15
 
16
16
 
17
17
  ```javascript
18
+
19
+ /**
20
+
21
+ * 基本給登録ページ
22
+
23
+ */
18
24
 
19
25
  function monthsSelect(obj){
20
26
 
@@ -44,6 +50,8 @@
44
50
 
45
51
  alert("読み込み成功");
46
52
 
53
+ $('#baseSalaryList').val(data);
54
+
47
55
  },
48
56
 
49
57
  function () {
@@ -53,6 +61,8 @@
53
61
  alert("読み込み失敗");
54
62
 
55
63
  });
64
+
65
+ }
56
66
 
57
67
  }
58
68
 
@@ -82,13 +92,55 @@
82
92
 
83
93
 
84
94
 
85
- Ajaxの通信成功の部分にtable作成の処理を作れば上手く行きそうなのですが、、、
95
+ ```html
86
96
 
87
- また、Ajaxからhtmlにlist型の値を渡して、
97
+ <!DOCTYPE html>
98
+
99
+ <html lang="ja" xmlns:th="http://www.thymeleaf.org"
100
+
101
+ xmlns:sec="http://www.thymeleaf.org/extras/spring-security4">
102
+
103
+ <head>
104
+
105
+ <meta charset="UTF-8">
106
+
107
+ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
108
+
109
+ <script src="/js/sampleJs.js" th:src="@{/js/baseSalary.js}"></script>
110
+
111
+ </head>
112
+
113
+ <body>
88
114
 
89
115
  <table>
90
116
 
91
- <tr><th>ユーザID</th><th>名前</th><th>基本給</th></tr>
117
+ <tr><th>カラム1</th><th>カラム2</th><th>カラム3</th></tr>
118
+
119
+ <tr th:each="obj : ${baseSalaryList}">
120
+
121
+ <td th:text="${obj.userId}"></td>
122
+
123
+ <td th:text="${obj.fullNm}"></td>
124
+
125
+ <td th:text="${obj.baseSalary}"></td>
126
+
127
+ </tr>
128
+
129
+ </table>
130
+
131
+ </body>
132
+
133
+ </html>
134
+
135
+ ```
136
+
137
+
138
+
139
+ Ajaxからhtmlにlist型の値を渡して、
140
+
141
+ <table>
142
+
143
+ <tr><th>カラム1</th><th>カラム2</th><th>カラム3</th></tr>
92
144
 
93
145
  <tr th:each="obj : ${baseSalaryList}">
94
146