不在 Jquery 数据表中显示 JSON 数据答案

【问题标题】：Not displaying JSON data in Jquery datatable不在 Jquery 数据表中显示 JSON 数据
【发布时间】：2017-10-27 17:42:48
【问题描述】：

我正在尝试将示例数据从我的 Java 控制器显示到表中，但是，它没有呈现数据，也没有显示任何错误消息。目前，我正在尝试以 JSON 格式显示简单的模拟数据...但是，该表没有显示任何数据或任何错误消息..

我在前端使用 JSP、AngualrJS 和 jquery，后端使用 Java..

这是我的 JSP 页面表：

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

这是我的 JSP 页面：

$.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": ""}
],
});
}
});

这是我的 angularJS 控制器：

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

【问题讨论】：

标签： java jquery jsp spring-mvc datatables

【解决方案1】：

为您的数据尝试 JSON.parse()，同时传递给 DataTable。

【讨论】：