自动刷新数据表中的数据，不能设置null属性

Question

我有一个aiyp刷新一个datatable表的问题。当我运行下面的脚本时，我得到以下错误:

Uncaught TypeError: Cannot set properties of null (setting 'data')
at sa (jquery.dataTables.min.js:37)
at Tb (jquery.dataTables.min.js:108)
at s.<anonymous> (jquery.dataTables.min.js:108)
at s.iterator (jquery.dataTables.min.js:100)
at s.<anonymous> (jquery.dataTables.min.js:108)
at Object.reload (jquery.dataTables.min.js:103)
at Object.<anonymous> (flights.php:1405)
at c (jquery-1.9.1.min.js:3)
at Object.fireWith [as resolveWith] (jquery-1.9.1.min.js:3)
at k (jquery-1.9.1.min.js:5)`

脚本示例

var recordid;
var flightno;
var airlinename;
var io;
var airlinecode;
$("#update_flight").submit(function(event) { //2
recordid = $('#RecordID').val();
hotelid = "<?php echo $_SESSION['_amember_user']['hotelid'];?>";
flightno = $('#FlightNo').val();
airlinename = $('#AirlineName').val();
io = $('#EditIO').val();
airlinecode = $('#EditAirlineCode').val();
airlineprefix = $('#EditAirlinePrefix').val();
$("#EditShowBar").show();
var status = 1;
console.log("RECORD ID ", recordid);
var form = $('form')[1];
console.log("Form", form);
var formData = new FormData(form);
formData.append("RecordID", recordid);
$(".progress-bar").animate({
width: "100%"
}, 2500);
$.ajax({
url: "update-flight.php",
data: formData,
method: "POST",
cache: false,
contentType: false,
processData: false,
}).done(function(response) {
$('#edit_data_Modal_2').modal("hide");
$('#userTableAllFlights').DataTable().ajax.reload();
});
});

有谁能看出我哪里出错了吗?

Answer 1

将您的datatable js代码添加到$(function () {})