質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

2回答

3253閲覧

JSONデータをjavaに変換

zenexvs

総合スコア12

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2016/09/15 07:30

編集2022/01/12 10:55

お世話になってます
現在ajaxの非同期通信で送られてきたjsonデータをjavaで取り扱えるように変換を行っているのですがうまくいきません。jsonで送られてきた文字列のキー(name)に対応するフィールドをjava側のクラスで宣言してそこに値を格納して利用したいのですが、うまくjava側に値が入りません。パーサーライブラリーはGSONを用いています。

以下ソースコードです

jsonの値を格納するJavaクラス

package jp.co.xmd.form; public class MonthLessonSerchForm { private String LessonRoomNameValue; private String InstructorNameValue; private String YearValue; private String MonthValue; private String LessonNameValue; public String getLessonNameValue() { return LessonNameValue; } public void setLessonNameValue(String lessonNameValue) { LessonNameValue = lessonNameValue; } public String getLessonRoomNameValue() { return LessonRoomNameValue; } public void setLessonRoomNameValue(String lessonRoomNameValue) { LessonRoomNameValue = lessonRoomNameValue; } public String getInstructorNameValue() { return InstructorNameValue; } public void setInstructorNameValue(String instructorNameValue) { InstructorNameValue = instructorNameValue; } public String getYearValue() { return YearValue; } public void setYearValue(String yearValue) { YearValue = yearValue; } public String getMonthValue() { return MonthValue; } public void setMonthValue(String monthValue) { MonthValue = monthValue; } }

コントローラークラスです(使用しているメソッドのみ抜粋)

RequestMapping(value="/search"

1 public String Search(String Arr2){ 2 System.out.println(Arr2);//非同期通信で送られてきたjson文字列を表示している(結果は後で載せます) 3 4 5 Gson gson = new Gson();//Jsonに変換するためのクラスのインスタンスを生成。 6 7 MonthLessonSerchForm user = gson.fromJson(Arr2.toString(), 8 MonthLessonSerchForm.class);//jsonデータを変換して上記のjavaクラスに格納している? 9 System.out.println(user);//チェック用の表示 何も表示されず。。。 10 System.out.println("LessonRoomNameValue = " + user.getLessonRoomNameValue());//同じくチェック用 フィールドの値を参照している 11 12 13 return Arr2; 14 } 15

非同期通信で送られてきたjsonデータです

[{"name":"LessonNameValue","value":"1"},{"name":"LessonRoomNameValue","value":"1"},{"name":"InstructorNameValue","value":""},{"name":"YearValue","value":"2013"},{"name":"MonthValue","value":"3"}]

どうかよろしくお願いします
不足があったら申し付けてください。追記します

追記(うまく<form>タグの内容をjsonにできていないみたいなので使っているコードを追記します。不足があったら申し付けてください。追記します)

HTML (セレクトボックスの内容はデータベースから拾ってます)

HTML

1 2<f:form modelAttribute="DayLessonSearchFormMenu" action="${pageContext.request.contextPath}/day_lesson_search" class="form-inline" method="POST"> 3 <div class="row"> 4 <div class="form-group col-lg-2 col-md-2 col-xs-12"> 5 <label>レッスン名</label> 6 </div> 7 <div class="form-group col-lg-2 col-md-2 col-xs-12"> 8 <f:select path="LessonNameValue" items="${lessonNameList}" 9 itemLabel="LessonNameLabel" itemValue="LessonNameValue" class="form-control"> 10 </f:select> 11 </div> 12 <div class="form-group col-lg-2 col-md-2 col-xs-12"> 13 <label>教室名</label> 14 </div> 15 <div class="form-group col-lg-2 col-md-2 col-xs-12"> 16 <f:select path="LessonRoomNameValue" items="${lessonRoomNameList}" 17 itemLabel="LessonRoomNameLabel" itemValue="LessonRoomNameValue" class="form-control"> 18 </f:select> 19 </div> 20 <div class="form-group col-lg-2 col-md-4 col-sm-6 col-sm-12"> 21 <label>担当講師名</label> 22 </div> 23 <div class="form-group col-lg-2 col-md-4 col-sm-6 col-sm-12"> 24 <f:select path="InstructorNameValue" items="${instructorNameList}" 25 itemLabel="InstructorNameLabel" itemValue="InstructorNameValue" class="form-control"> 26 </f:select> 27 </div> 28 </div> 29 <div class="row"> 30 <div class="form-group col-lg-2 col-md-2 col-sm-3 col-xs-12"> 31 <label>レッスン実施年</label> 32 </div> 33 <div class="form-group col-lg-2 col-md-2 col-sm-3 col-xs-12"> 34 <f:select path="YearValue" items="${yearList}" 35 itemLabel="YearLabel" itemValue="YearValue" class="form-control"> 36 </f:select> 37 </div> 38 <div class="form-group col-lg-2 col-md-2 col-sm-3 col-xs-12"> 39 <label>レッスン実施月</label> 40 </div> 41 <div class="form-group col-lg-2 col-md-2 col-sm-3 col-xs-12"> 42 <f:select path="MonthValue" items="${monthList}" 43 itemLabel="MonthLabel" itemValue="MonthValue" class="form-control"> 44 </f:select> 45 </div> 46 47 </div> 48 <div class="row"> 49 <div class="form-group col-lg-2 col-md-4 col-sm-6 col-sm-12"> 50 <label>実施時間</label> 51 </div> 52 <div class="form-group col-lg-6 col-md-4 col-sm-6 col-sm-12"> 53 <input type="text" class="form-control" placeholder="00:00">~ 54 <input type="text" class="form-control"placeholder="23:59"> 55 </div> 56 <div class="form-group col-lg-4 col-md-4 col-sm-6 col-sm-12"> 57 <input type="submit" class="btn btn-default form-control 58 search_button" value="検索"> 59 </div> 60 </div> 61 </f:form> 62

非同期通信と<form>の内容をjsonにして送るjavascriptです

javascript

1$('[value=検索]').click(function() { 2 $('form').submit(function(event) { 3 event.preventDefault(); 4 var lessonArr = $('form').serializeArray(); 5 alert(JSON.stringify(lessonArr)); 6 $('[value=検索]').attr('disabled', true); 7 $.ajax({ 8 9 10 type : "GET", 11 url : "lesson_search", // リクエストURL 12 data : "lessonArr2=" + JSON.stringify(lessonArr), 13 datatype: "json", 14 success: function(data){ 15 alert("ok"); 16 console.log(data); 17 $('[value=検索]').attr('disabled', false); 18 location.reload(); 19 }, 20 error: function(data){ 21 alert("値はコンソール参照"); 22 $('[value=検索]').attr('disabled', false); 23 location.reload(); 24 } 25 26 }); 27 }); 28 });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

JSONのプロパティとjavaのフィールド名を合わせる必要があるようです。
あと、JSONが配列で返ってきているので、そこも注意です。

以下、ローカルで試したものを貼りますので、参考にしてください。

lang

1public class Lesson { 2 3 private String name; 4 private String value; 5 6 public String getName() { 7 return name; 8 } 9 public void setName(String name) { 10 this.name = name; 11 } 12 public String getValue() { 13 return value; 14 } 15 public void setValue(String value) { 16 this.value = value; 17 } 18 19}

lang

1public class Test { 2 3 public static void main(String[] args) { 4 5 StringBuilder s = new StringBuilder(); 6 File file = new File("resource/teratail48130data.json"); 7 try (BufferedReader br = new BufferedReader(new FileReader(file))) { 8 String line = null; 9 while ((line = br.readLine()) != null) { 10 s.append(line); 11 } 12 } catch (FileNotFoundException e) { 13 System.out.println("ファイルが存在しません。"); 14 } catch (IOException e) { 15 System.out.println("エラーが発生しました。"); 16 } 17 Gson gson = new GsonBuilder().serializeNulls().create(); 18 Lesson[] lessons = gson.fromJson(s.toString(), Lesson[].class); 19 20 for (Lesson l : lessons) { 21 System.out.println(l.getName() + "," + l.getValue()); 22 } 23 24 } 25 26}

結果

LessonNameValue,1 LessonRoomNameValue,1 InstructorNameValue, YearValue,2013 MonthValue,3

投稿2016/09/15 07:50

java-beginner

総合スコア452

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

zenexvs

2016/09/16 00:37

遅れてすみません 回答ありがとうございます! 一応jsonで送られてくるデータのname(キー?)に対応する値をjava側のプロパティに設定しました。配列に関してなんですがhtmlの<form>タグの中身をjsonとして送りたいのですが只の文字列にすると一つの要素しかとってこないので配列にしなきゃダメなのかなーと。。。使用しているjqueryとHTMLのコードを追記しますので良かったら教えて頂けると幸いです
java-beginner

2016/09/16 04:16

「input要素にname属性を付ける」という方法で良いと思います。
guest

0

jsonデータのフォーマットが誤っているように思えます。
以下のようにしてみてはどうでしょうか?

javascript

1{"LessonNameValue":"1", 2 "LessonRoomNameValue":"1", 3 "InstructorNameValue":"", 4 "YearValue":"2013", 5 "MonthValue":"3" 6 }

参考:
http://qiita.com/u-chida/items/cbdd040e4199a10936dc


formのjson変換について

jQueryのプラグインの導入が可能なら、以下のサイトで紹介されている方法がよさそうです。
http://d.hatena.ne.jp/hiro_nemu/20090826/1251284397

プラグインの導入が無理な場合は、以下のような形で行けると思います。
※申し訳ないですが、動作確認はしていません。
※value値に「"」や改行などがある場合は、別途エスケープ処理が必要になります。

javascript

1var jsonStr = '{'; 2$($('form').serializeArray()).each(function(i, param) { 3 if (i != 0) { 4 jsonStr += ','; 5 } 6 jsonStr += '"' + param.name + '":"' + param.value + '"'; 7}); 8jsonStr += '}';

投稿2016/09/15 07:54

編集2016/09/16 02:01
attercop

総合スコア246

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

zenexvs

2016/09/16 00:32

返事遅れてすみません 回答ありがとうございます! jsonのフォーマットについてですがhtmlの<form>タグの内容をjqueryを用いてjsonにしてjavaに送る方法を調べて使っていたのですが違うみたいですね。。。使用しているhtmlとjqueryのコードを追記するので差支えなければ<form>タグの中身をきちんとjsonとして送る方法を教えて頂けると幸いです
attercop

2016/09/16 02:02

json変換について追記しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問