2017-10-27 4 views
0

Java 컨트롤러에서 샘플 데이터를 테이블로 표시하려고하지만 데이터를 렌더링하거나 오류 메시지를 표시하지 않습니다. 당분간 JSON 형식의 간단한 모의 데이터를 표시하려고합니다 ... 그러나 테이블에 데이터 나 오류 메시지가 표시되지 않습니다 ..JSON 데이터를 Jquery 데이터 테이블에 표시하지 않습니다.

프런트 엔드에 JSP, AngualrJS 및 jquery를 사용하고 있습니다. 이 내 JSP 페이지 테이블

백엔드 자바 .. : 이것은 내 AngularJS와 컨트롤러입니다

$.ajax({ 
url:"/home/review/", 
success:function(data) { 
var table = $('#myTable').DataTable({ 
"data": data, 
dom: "Bfrtip", 
"iDisplayLength": 15, 
"lengthChange": false, 
"ordering": true, 
"info": false, 
'columnDefs': [ 
{ 
'targets': 1, 
'orderable': false, 
'checkboxes': { 
'selectRow': true 
} 
} 
], 
'select': { 
'style': 'multi' 
}, 

    { "data": "id", "defaultContent": "" }, 
    { "data": "status", "defaultContent": ""} 
], 
}); 
} 
}); 

:

<table class="table table-striped table-bordered dt-responsive nowrap" id="myTable"> 
<thead> 
<tr> 
<th>ID</th> 
<th>Status</th> 
</tr> 
</thead> 
</table 

이 내 JSP 페이지입니다

angular.module('myApp').controller('HomeController', ['DTOptionsBuilder', 'DTColumnBuilder','HomeService', '$scope', function(DTOptionsBuilder, DTColumnBuilder, HomeService, $scope) { 
var test_URL = '/home/review/'; 
var self = $scope; 
var vm = this; 

vm.dtOptions = HomeService.fetchList(); 
console.log(vm.dtOptions); 
}]); 

내 AngularJS와 서비스 :

angular.module('myApp').factory(HomeService', ['$http', '$q', function($http, $q){ 

var URL= '/home/review/'; 

var factory = { 
     fetchList: fetchList 
}; 

return factory; 

function fetchList() { 
    var deferred = $q.defer(); 
    $http.get(URL) 
     .then(
     function (response) { 
      deferred.resolve(response.data); 
     }, 
     function(errResponse){ 
      console.error('Error while fetching List'); 
      deferred.reject(errResponse); 
     } 
    ); 
    return deferred.promise; 
} 
}]); 

이 내 자바 백엔드 컨트롤러 :

@RequestMapping(value = "/review/", method = RequestMethod.GET) 
public String geList() throws JSONException { 
logger.info("List All Controller"); 
System.out.println("Fetching All list..."); 

    JSONArray resultarray = new JSONArray(); 
    String resultString = ""; 
      JSONObject result = new JSONObject(); 
      result.put("id","1234"); 
      result.put("status", "New"); 
      resultarray.put(result); 

     resultString = resultarray.toString(4); 
     System.out.println(resultString); 

    return resultString; 
} 

답변

0

DataTable의를 통과하면서, 데이터를 저장하기위한 JSON.parse()를보십시오.