前提・実現したいこと
現在、AngularとJavaを用いて、SQL①で得たデータ(id)を元に、SQL②からデータを抽出し、SQL①の結果とSQL②の結果をまとめたデータをループ処理で複数作成してリスト化、Angularに受け渡すという仕組みを作っています。
Java側のコンソールでは、SQL①もSQL②も動いており、正しい結果が抽出されており、エラーも出ていません。
しかし、Angular側では$httpのdataにデータが入っていないようで、「TypeError: Cannot read property 'length' of undefined」というエラーが出ています。
おそらく、Java側でデータを入れている箱のようなものを正しく指定出来ていないようなイメージなのですが、
解決に時間を要してしまっている状況です。
ご教示頂ける方がいらっしゃいましたら、よろしくお願いいたします。
該当のソースコード
Java
1:(中略) 2 3class HogeOwnHistoryResponse extends ResponseBase { 4 @AllArgsConstructor 5 public static class HogeConsumeResult { 6 static HogeOwnHistory ownHistoryResult; 7 static String hogeNameResult; 8 } 9 public static HogeConsumeResult hogeConsumeResult; 10 List<HogeConsumeResult> results; 11} 12 13:(中略) 14 15public class HogeFugaResource { 16 /** 17 * @param fugaId 18 * @return hogeHistory 19 */ 20 @POST 21 @Produces(MediaType.APPLICATION_JSON) 22 @Consumes(MediaType.APPLICATION_JSON) 23 @Path("getHogeFugaHistoryList") 24 25 public List<HogeConsumeResult> getHogeOwnHistories(Integer fugaId) { 26 HogeOwnHistoryDao hogeOwnHistoryDao = new HogeOwnHistoryDaoImpl(Config.getReadonlyDataSource()); 27 List<HogeOwnHistory> ownHistoryResult = hogeOwnHistoryDao.selectHogeByFugaId(fugaId); 28 List<HogeOwnHistoryResponse.HogeConsumeResult> results = new ArrayList<>(); 29 30 for(HogeOwnHistory responsedHistory : ownHistoryResult) { 31 HogeCountryDao hogeCountryDao = new MHogeCountryDaoImpl(HogeConfig.getReadonlyDataSource()); 32 HogeCountry responsedHogeName = hogeCountryDao.selectHogeNameById(responsedHistory.getHogeId()); 33 HogeOwnHistoryResponse.HogeConsumeResult.ownHistoryResult = responsedHistory; 34 HogeOwnHistoryResponse.HogeConsumeResult.hogeNameResult = responsedHogeName.getHogeName(); 35 results.add(HogeOwnHistoryResponse.hogeConsumeResult); 36 } 37 return results; 38 } 39}
JavaScript
1 2 var loadHogeHistoryIdList = function() { 3 $http 4 .post('http://*****/getHogeFugaHistoryList', fugaId) 5 .success(function (data, status, headers, config) { 6 $scope.hogeHistoryResponse = data; 7 $scope.hogeHistoryCount = $scope.hogeHistoryResponse.results.length; 8 }) 9 .error(function(data, status, headers, config) { 10 alert("データの取得に失敗"); 11 }); 12 }
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。