В настоящее время я работаю с проектом jsp, и у меня возникают некоторые проблемы с отображением таблицы данных jquery, которая собирает информацию посредством вызова ajax. Вызов ajax собирает правильные данные, и я не получаю никаких предупреждений об ошибках или датах.
вот мой файл jsp:
<table id="dattable" style="width:100%">
<thead>
<tr>
<th scope="col">columnOne</th>
<th scope="col">columnTwo</th>
<th scope="col">columnThree</th>
<th scope="col">columnFour</th>
<th scope="col">ColumnFive</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
и вот файл javascript:
$(document).ready(function () {
var inf = "";
$.ajax({
type: 'GET',
url: "apiUrl", //this has a legit url and gets the correct information
success: function (json) {
populateDataTable(json);
}
});
function populateDataTable(jsonData) {
var table = $('#dattable').DataTable({
data: jsonData,
bProcessing: true,
bPaginate: false,
dom: 'Brtip',
columnDefs: { sortable: false, targets: [4] },
columns: [
{ data: "varOne" },
{ data: "varTwo" },
{ data: "varThree" },
{ data: "varFour" },
{ data: "varFive" }
],
buttons: [
{
text: 'Print <i class="fa fa-lg fa-print"></i>',
extend: 'print',
exportOptions: {
columns: [0, 1, 2, 3, 4]
},
className: 'table-btns print-btn'
},
{
text: 'Export to Excel <i class="fa fa-lg fa-file-excel-o"></i>',
extend: 'excel',
exportOptions: {
columns: [0, 1, 2, 3, 4]
},
className: 'table-btns excel-btn'
},
{
text: 'Add <i class="fa fa-lg fa-plus"></i>',
action: function () {
$('#addModal').modal('show');
},
className: 'table-btns add-btn'
},
{
text: 'Refresh <i class="fa fa-lg fa-repeat"></i>',
action: function () {
window.location.reload();
},
className: 'table-btns refresh-btn'
}
]
});
table.columns().every(function () {
var that = this;
$('input', this.header()).on('keyup change', function () {
if (that.search() !== this.value) {
that
.search(this.value)
.draw();
}
});
});
и это данные, которые собираются из вызова ajax:
[{ id: 1, varOne: "var1", varTwo: 1234, varThree: "var3", varFour: "var4", varFive:223 }]
Я очень хорошо сослался на учебники и документацию по datatables, я предполагаю, что где-то отсутствует одна переменная, которая могла бы ее испортить. У меня также есть зависимости, включенные в файл jsp (файлы css и js). Заранее спасибо!