質問編集履歴

2

質問テンプレートが残っていましたので削除しました。

2017/08/30 06:22

投稿

rudolf_fox
rudolf_fox

スコア25

test CHANGED
File without changes
test CHANGED
@@ -217,11 +217,3 @@
217
217
  ふわっとした質問で大変申し訳ございませんが、煮詰まってしまっている状態です。
218
218
 
219
219
  ヒントをいただければ幸いです。
220
-
221
- ###前提・実現したいこと
222
-
223
- ここに質問したいことを詳細に書いてください
224
-
225
- (例)PHP(CakePHP)で●●なシステムを作っています。
226
-
227
- ■■な機能を実装中に以下のエラーメッセージが発生しました。

1

作成中のソースコードを追加

2017/08/30 06:22

投稿

rudolf_fox
rudolf_fox

スコア25

test CHANGED
File without changes
test CHANGED
@@ -12,6 +12,186 @@
12
12
 
13
13
  よろしくお願いいたします。
14
14
 
15
+ ###現在作成しているソース
16
+
17
+ 完全に詰まっています。(そもそも方向性があっているかどうかすら不明)
18
+
19
+ jsも書いていますが、Javaのみ、またはjs/HTMLのみで表示できるのであればそれが良いです。
20
+
21
+
22
+
23
+ 送信部
24
+
25
+ ```javascript
26
+
27
+ function 01post() {
28
+
29
+ // 共通変数取得処理
30
+
31
+ // 送信先を変数に格納
32
+
33
+ senduli = document.kyoutuu2.kyoutu103.value;
34
+
35
+ // 必要な項目を変数に格納
36
+
37
+
38
+
39
+ koumoku1 = document.form3.if301.value;
40
+
41
+ koumoku2 = document.form3.if302.value;
42
+
43
+
44
+
45
+ // XMLHttpRequestインスタンス生成
46
+
47
+ var XHR = new XMLHttpRequest();
48
+
49
+
50
+
51
+ // データが正常に送信された場合に行うことを定義
52
+
53
+ XHR.addEventListener('load', function(event) {
54
+
55
+ alert('送信しました');
56
+
57
+ });
58
+
59
+
60
+
61
+ // エラーが発生した場合に行うことを定義
62
+
63
+ XHR.addEventListener('error', function(event) {
64
+
65
+ alert('送信に失敗しました');
66
+
67
+ });
68
+
69
+
70
+
71
+ // リクエストをセットアップ
72
+
73
+ XHR.open('POST','JavaURL');
74
+
75
+
76
+
77
+ // マルチパートのフォームデータの POST リクエストを扱うために必要な HTTP ヘッダを追加。
78
+
79
+
80
+
81
+
82
+
83
+ XHR.setRequestHeader('koumoku1', koumoku1);
84
+
85
+ XHR.setRequestHeader('koumoku2', koumoku2);
86
+
87
+
88
+
89
+ // 最後データ送信
90
+
91
+ XHR.send();
92
+
93
+
94
+
95
+ }
96
+
97
+ ```
98
+
99
+ Java受け取り側(HTTP受信、送信部)
100
+
101
+ ```java
102
+
103
+ protected void doPost(HttpServletRequest request, HttpServletResponse response) {
104
+
105
+
106
+
107
+ try {
108
+
109
+ //送信部で送信されたパラメータをセットする処理が入ります。
110
+
111
+ //(1)ContentTypeの指定
112
+
113
+ response.setContentType("text/html; charset=Windows-31J");
114
+
115
+
116
+
117
+ //(2)PrintWriterオブジェクトの生成
118
+
119
+ PrintWriter out = response.getWriter();
120
+
121
+ //(3)テキストデータの返信
122
+
123
+ out.println("<HTML>");
124
+
125
+ out.println("<BODY>");
126
+
127
+ out.println("ここに処理した後の内容を表示したい");
128
+
129
+ out.println("</BODY>");
130
+
131
+ out.println("</HTML>");
132
+
133
+ out.flush(); //(4)データ返信の終了
134
+
135
+ } catch (Exception e) {
136
+
137
+ //エラー処理
138
+
139
+ }
140
+
141
+ }
142
+
143
+ ```
144
+
145
+ ```javascript
146
+
147
+ var xmlHttpRequest;
148
+
149
+
150
+
151
+ xmlHttpRequest = new XMLHttpRequest();
152
+
153
+
154
+
155
+ xmlHttpRequest.onreadystatechange = function()
156
+
157
+ {
158
+
159
+ var READYSTATE_COMPLETED = 4; // readyStateの値
160
+
161
+ if( this.readyState == READYSTATE_COMPLETED )
162
+
163
+ {
164
+
165
+ var HTTP_STATUS_OK = 200; // HTTPステータス コード
166
+
167
+ if( this.status == HTTP_STATUS_OK )
168
+
169
+ {
170
+
171
+ // サーバから受信したレスポンスを表示する
172
+
173
+ alert("レスポンスの内容は以下です" );
174
+
175
+ alert( this.responseText );
176
+
177
+ }
178
+
179
+ else
180
+
181
+ {
182
+
183
+ // エラーを表示する
184
+
185
+ alert( this.status + this.statusText );
186
+
187
+ }
188
+
189
+ }
190
+
191
+ }
192
+
193
+ ```
194
+
15
195
  ###試したこと
16
196
 
17
197
  HTTPリクエスト送信部の画面は作成済み。
@@ -37,3 +217,11 @@
37
217
  ふわっとした質問で大変申し訳ございませんが、煮詰まってしまっている状態です。
38
218
 
39
219
  ヒントをいただければ幸いです。
220
+
221
+ ###前提・実現したいこと
222
+
223
+ ここに質問したいことを詳細に書いてください
224
+
225
+ (例)PHP(CakePHP)で●●なシステムを作っています。
226
+
227
+ ■■な機能を実装中に以下のエラーメッセージが発生しました。