teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

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

2017/08/30 06:22

投稿

rudolf_fox
rudolf_fox

スコア25

title CHANGED
File without changes
body CHANGED
@@ -107,8 +107,4 @@
107
107
  フレームワーク無し
108
108
 
109
109
  ふわっとした質問で大変申し訳ございませんが、煮詰まってしまっている状態です。
110
- ヒントをいただければ幸いです。
110
+ ヒントをいただければ幸いです。
111
- ###前提・実現したいこと
112
- ここに質問したいことを詳細に書いてください
113
- (例)PHP(CakePHP)で●●なシステムを作っています。
114
- ■■な機能を実装中に以下のエラーメッセージが発生しました。

1

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

2017/08/30 06:22

投稿

rudolf_fox
rudolf_fox

スコア25

title CHANGED
File without changes
body CHANGED
@@ -5,6 +5,96 @@
5
5
 
6
6
  何かいい方法、参考になるサイト等ございましたら紹介していただけませんでしょうか?
7
7
  よろしくお願いいたします。
8
+ ###現在作成しているソース
9
+ 完全に詰まっています。(そもそも方向性があっているかどうかすら不明)
10
+ jsも書いていますが、Javaのみ、またはjs/HTMLのみで表示できるのであればそれが良いです。
11
+
12
+ 送信部
13
+ ```javascript
14
+ function 01post() {
15
+ // 共通変数取得処理
16
+ // 送信先を変数に格納
17
+ senduli = document.kyoutuu2.kyoutu103.value;
18
+ // 必要な項目を変数に格納
19
+
20
+ koumoku1 = document.form3.if301.value;
21
+ koumoku2 = document.form3.if302.value;
22
+
23
+ // XMLHttpRequestインスタンス生成
24
+ var XHR = new XMLHttpRequest();
25
+
26
+ // データが正常に送信された場合に行うことを定義
27
+ XHR.addEventListener('load', function(event) {
28
+ alert('送信しました');
29
+ });
30
+
31
+ // エラーが発生した場合に行うことを定義
32
+ XHR.addEventListener('error', function(event) {
33
+ alert('送信に失敗しました');
34
+ });
35
+
36
+ // リクエストをセットアップ
37
+ XHR.open('POST','JavaURL');
38
+
39
+ // マルチパートのフォームデータの POST リクエストを扱うために必要な HTTP ヘッダを追加。
40
+
41
+
42
+ XHR.setRequestHeader('koumoku1', koumoku1);
43
+ XHR.setRequestHeader('koumoku2', koumoku2);
44
+
45
+ // 最後データ送信
46
+ XHR.send();
47
+
48
+ }
49
+ ```
50
+ Java受け取り側(HTTP受信、送信部)
51
+ ```java
52
+ protected void doPost(HttpServletRequest request, HttpServletResponse response) {
53
+
54
+ try {
55
+ //送信部で送信されたパラメータをセットする処理が入ります。
56
+ //(1)ContentTypeの指定
57
+ response.setContentType("text/html; charset=Windows-31J");
58
+
59
+ //(2)PrintWriterオブジェクトの生成
60
+ PrintWriter out = response.getWriter();
61
+ //(3)テキストデータの返信
62
+ out.println("<HTML>");
63
+ out.println("<BODY>");
64
+ out.println("ここに処理した後の内容を表示したい");
65
+ out.println("</BODY>");
66
+ out.println("</HTML>");
67
+ out.flush(); //(4)データ返信の終了
68
+ } catch (Exception e) {
69
+ //エラー処理
70
+ }
71
+ }
72
+ ```
73
+ ```javascript
74
+ var xmlHttpRequest;
75
+
76
+ xmlHttpRequest = new XMLHttpRequest();
77
+
78
+ xmlHttpRequest.onreadystatechange = function()
79
+ {
80
+ var READYSTATE_COMPLETED = 4; // readyStateの値
81
+ if( this.readyState == READYSTATE_COMPLETED )
82
+ {
83
+ var HTTP_STATUS_OK = 200; // HTTPステータス コード
84
+ if( this.status == HTTP_STATUS_OK )
85
+ {
86
+ // サーバから受信したレスポンスを表示する
87
+ alert("レスポンスの内容は以下です" );
88
+ alert( this.responseText );
89
+ }
90
+ else
91
+ {
92
+ // エラーを表示する
93
+ alert( this.status + this.statusText );
94
+ }
95
+ }
96
+ }
97
+ ```
8
98
  ###試したこと
9
99
  HTTPリクエスト送信部の画面は作成済み。
10
100
  javaの該当ソースへ送り、項目が設定されていることを確認。
@@ -17,4 +107,8 @@
17
107
  フレームワーク無し
18
108
 
19
109
  ふわっとした質問で大変申し訳ございませんが、煮詰まってしまっている状態です。
20
- ヒントをいただければ幸いです。
110
+ ヒントをいただければ幸いです。
111
+ ###前提・実現したいこと
112
+ ここに質問したいことを詳細に書いてください
113
+ (例)PHP(CakePHP)で●●なシステムを作っています。
114
+ ■■な機能を実装中に以下のエラーメッセージが発生しました。