JSONデータをJqueryデータテーブルに表示しない

Question

Javaコントローラのサンプルデータをテーブルに表示しようとしていますが、データのレンダリングやエラーメッセージの表示は行っていません。私はJSON形式で単純なモックデータを表示しようとしています...しかし、表にはデータもエラーメッセージも表示されません。

フロントエンドにはJSP、AngualrJS、jqueryを使用していますが、これは私のJSPページの表である

バックエンドのJavaは..：これは私の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; 
} 
}]); 

これは私のJavaバックエンド・コントローラーです：

@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; 
} 

Answer 1

のDataTableに通過する間、あなたのデータのためにJSON.parse（）を試してみてください。