fnDraw в Datatable не работает

Я использую дататы 1.10.10 и загрузочный стиль данных. У меня есть 2 PHP-файла, один driver-list.php а также driver-edit.php, Но driver-edit.php который имеет только кодирование для модального окна. Когда я нажимаю кнопку редактирования, он передает идентификатор driver-edit.php, И это открывает модальное окно в driver-list.php, Но когда я нажимаю кнопку отправки driver-edit.phpне обновляется после нажатия кнопки «Отправить».

Я старался fnDraw(), fnReloadAjax(), ajax.reload() функции. Но это всегда терпит неудачу.

Водитель-list.php

<div class="container">
<div class="well">
<div class="col-lg-3"><label class="control-form">Driver-List</label></div>

<div class="col-lg-offset-11"><button type="submit" class="btn btn-primary">Add New</button></div>

</div>

<div class="table-responsive">
<table class="table table-hover myTable" id="data-table">
<thead>
<tr>
<th>No</th>
<th>First name</th>
<th>Last Name</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
include 'inc/connection.php';

$que="SELECT * FROM driver";
$query_run=mysqli_query($con,$que);
$no=1;

while($row=mysqli_fetch_array($query_run))
{
?>
<tr>
<td><?php echo $no++; ?></td>
<td><?php echo $row['first_name']; ?></td>
<td><?php echo $row['last_name']; ?></td>
<td><div class="btn-group"><a class='Edit btn btn-primary' onclick="javascript: editaxa('<?php echo $row['driver_id'];?>');" data-toggle="modal" href="#form_modal" data-target="#myModal" data-Id="<?php echo $row['driver_id'];?>">Edit</a></div>
</td>

</tr>
<?php
}
mysqli_close($con);
?>
</tbody>
</table>
</div>
</div><div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">

</div>
</div>
</div><script>
$(document).ready(function() {
var dt=$('#driver-list').DataTable();
} );
function editaxa(xx){

var Id_Edit=xx;

$.ajax({
url:"views/driver/driver-edit.php?Id="+Id_Edit,
cache:false,
success:function(result){
$(".modal-content").html(result);

}});
}

</script>

Водитель-edit.php

<?php
$id=$_GET['Id'];

include '../../inc/connection.php';

$query="SELECT * FROM driver WHERE driver_id='$id'";
$query_run=mysqli_query($con,$query);
$row=mysqli_fetch_array($query_run);

?><div class="modal-body"><form class="form-horizontal" role="form" action="" method="POST" enctype="multipart/form-data">
<div class="form-group">
<div class="row">
<div class="col-xs-offset-1 col-lg-2">
<label class="control-label">First Name</label>
</div>

<div class="col-lg-3">
<div class="input-group">
<input type="text"  id="first_name" class="form-control"  name="first_name" requi red="requi red" autocomplete="off" value="<?php echo $row['first_name']; ?>" />
<span class="input-group-addon"><i class="" id="a"></i></span>
</div>
</div><div class="col-lg-2">
<label class="control-label">Last Name</label>
</div><div class="col-lg-3">
<div class="input-group">
<input type="text"  id="last_name" class="form-control"  name="last_name"  requi red="requi red" autocomplete="off" value="<?php echo $row['last_name']; ?>"/>
<span class="input-group-addon"><i class=""></i></span>
</div>
</div>
<br />
</div>
</div><div class="modal-footer">

<div class="form-group">
<div class="row">
<div class="col-xs-offset-3 col-lg-2">
<button class="btn btn-success-outline btn-block" id="submit" type="submit">Submit</button>
</div>
</div>
</div>
</div>
</form>
</div><script>
$(document).ready(function(e) {
formData =new FormData(this)
$.ajax({
url: "actions/driver/driver-edit.php",
type: "POST",
data: formData,
contentType: false,
cache: false,
processData:false,
success: function(data)
{
$('#myModal').modal('hide');
dt.fnDraw();     // dt is defined in driver-list.php
},
error: function(data)
{
alert(console.log(data))
}
});
}
}));});</script>

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]