JQuery, как исправить Невозможно установить для свойства «_DT_CellIndex» неопределенное значение? ⇐ Jquery

[Anonymous]

Я новичок в JQuery, и я хочу, чтобы, как только пользователь добавит новую строку и предоставит важную информацию, как только он нажмет кнопку «Ajouter», она будет добавлена ​​в базу данных, а затем автоматически перезагрузит таблицу.
Как только я запущу что я обнаружил, что данные успешно добавлены в базу данных, однако «tablebqup» больше не перезагружается, и я обнаружил эту ошибку:

Код: Выделить всё

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined

Вот функция для добавления нового элемента:

Код: Выделить всё

    $("#newbq").click(function () {
var indexadd= $('table#tablebqup tr:last').index() + 1;
//Now add this row to the table:
var row=' Ajouter ';
$('#tablebqup').append(row);
$(".addbc").click(function () {
var nombc=($(this).parent().parent().find('td:eq(1)').html());
var abrv= ($(this).parent().parent().find('td:eq(2)').html());
var sigsoc=($(this).parent().parent().find('td:eq(3)').html());
var telf=($(this).parent().parent().find('td:eq(4)').html());
var fx=($(this).parent().parent().find('td:eq(5)').html());
//  if (nombc=="" || abrv=="" || sigsoc=="" || (telf=="" && fx==""))
if (nombc=="")
{
alert("Rempier toutes les informations de la banque d'abord")
}
else {
$choix=confirm("voulez vous vraiment ajouter la banque");
if ($choix)
{
console.log(nombc);
$.post(basUrl+'views/component/updtbq.php',
{
action:'add_bq',
nomb:nombc,
abrvb:abrv,
sigsocial:sigsoc,
tel:telf,
fax:fx,
}, function(data) {
alert(data);
$('#tablebqup').DataTable().ajax.reload();//My problem is here
});
}
}
});
});

При первом запуске он показал что-то вроде этого:

Код: Выделить всё

“Uncaught TypeError: $(…).DataTable is not a function”

Чтобы решить эту проблему, я добавил соответствующую ссылку и скрипт:



При этом ошибка изменилась на:

Код: Выделить всё

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined

Что меня удивило, так это то, что я использовал аналогичную логику выше, я имею в виду ту же самую:

Код: Выделить всё

 $('#tablebqup').DataTable().ajax.reload();

и однажды я нажму другую кнопку, чтобы изменить информацию в базе данных следующим образом:

Код: Выделить всё

 $(".modif").click(function () {
$choix=confirm("voulez vous vraiment sauvegarder les modifications");
if ($choix)
{
var id=($(this).parent().parent().find('td:eq(0)').html());// the value in the 1st column.
var nombc=($(this).parent().parent().find('td:eq(1)').html());
var abrv= ($(this).parent().parent().find('td:eq(2)').html());
var sigsoc=($(this).parent().parent().find('td:eq(3)').html());
var telf=($(this).parent().parent().find('td:eq(4)').html());
var fx=($(this).parent().parent().find('td:eq(5)').html());
console.log(id);
$.post(basUrl+'views/component/updtbq.php',
{
action:'update_bq',
idbc:id,
nomb:nombc,
abrvb:abrv,
sigsocial:sigsoc,
tel:telf,
fax:fx,
}, function(data) {
$('#tablebqup').DataTable().ajax.reload();
});
}

Это прекрасно работает без добавления какой-либо из этих двух ссылок!!!



Вот описание ошибки:

Код: Выделить всё

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined
at Ga (datatables.min.js:36)
at M (datatables.min.js:28)
at HTMLTableRowElement. (datatables.min.js:28)
at jquery-3.2.1.min.js:2
at Function.map (jquery-3.2.1.min.js:2)
at r.fn.init.map (jquery-3.2.1.min.js:2)
at ma (datatables.min.js:28)
at e (datatables.min.js:104)
at HTMLTableElement.  (datatables.min.js:104)
at Function.each (jquery-3.2.1.min.js:2)

Вот мой php-файл:

Код: Выделить всё

function add_bq()
{
if((isset($_POST['nomb']))
&&(isset($_POST['abrvb']))
&&(isset($_POST['sigsocial']))
&&(isset($_POST['tel']))
&&(isset($_POST['fax']))
){
$nomb=trim($_POST['nomb']);
$abrv=trim($_POST['abrvb']);
$sigc=trim($_POST['sigsocial']);
$tel=trim($_POST['tel']);
$fax=trim($_POST['fax']);
//Update les banques
MainController::addBanque($nomb,$abrv,$sigc,$tel,$fax);
include 'C:/wamp/www/Mini_Prj/views/component/tbbanqueupd.php';
}

и вот включенный: "tbbanqueupd.php":

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/48333369/jquery-how-to-fix-cannot-set-property-dt-cellindex-of-undefined[/url]