Javascript 使用Ajax更新表时,数据表元素将不可见
在我的系统中,为了方便起见,我使用Javascript 使用Ajax更新表时,数据表元素将不可见,javascript,php,ajax,datatables,datatables-1.10,Javascript,Php,Ajax,Datatables,Datatables 1.10,在我的系统中,为了方便起见,我使用数据表来存储记录。我正在使用PHP和Ajax加载HTML表中的记录。每当我通过操作更新我的表时,它都会成功更新,而不会刷新页面,但这些元素将不可见,包括过滤器、搜索框和分页。我只想手动刷新,以查看那些元素 这是我的HTML代码段 <div class="row"> <div class="col-sm-12"> <div class="ca
数据表来存储记录。我正在使用PHP
和Ajax
加载HTML表中的记录。每当我通过操作更新我的表
时,它都会成功更新,而不会刷新页面,但这些元素
将不可见,包括过滤器
、搜索框
和分页
。我只想手动刷新
,以查看那些元素
这是我的HTML
代码段
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<div class="card-block">
<div class="table-responsive" id="user_data">
</div>
</div>
</div>
</div>
</div>
这是我的apt_table admin.php
页面
<table class="datatable table table-hover" >
<thead>
<tr>
<th>Appointment ID</th>
<th>Doctor Name</th>
<th>Specialization</th>
<th>Patient Name</th>
<th>Fees</th>
<th>Appointment Date</th>
<th>Appointment Time</th>
<th>Status</th>
<th class="text-right">Action</th>
</tr>
</thead>
<tbody>
<tr>
<?php
mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
try {
$conn = new mysqli("localhost", "root", "", "hmsproject");
$conn->set_charset("utf8mb4");
} catch(Exception $e) {
error_log($e->getMessage());
exit('Error connecting to database'); //Should be a message a typical user could understand
}
$query="SELECT * FROM appointment as a,users as u WHERE a.user_id= u.user_id ORDER BY apt_id DESC";
$results =mysqli_query($conn,$query);
if($results = mysqli_query($conn,$query)){
if(mysqli_num_rows($results) > 0){
while($row =mysqli_fetch_array($results) ) {
$apt_id= $row['user_id'];
$user= $row['user_id'] ;
?>
<td><?php echo $row['apt_id']?> </td>
<td> <?php echo $row['doctor_name']?></td>
<td> <?php echo $row['specilization']?></td>
<td> <?php echo $row['patient_name']?></td>
<td> <?php echo $row['fees']?></td>
<td> <?php echo $row['apt_date']?></td>
<td> <?php echo $row['apt_time']?></td>
<td>
<?php if($row['admin_status']=="0") { ?>
<span class="custom-badge status-red">Cancel</span>
<?php } else if($row['admin_status']=="1") { ?>
<span class="custom-badge status-green">Active</span>
<?php } else { ?>
<span class="custom-badge status-blue">Pending</span>
<?php } ?>
</td>
<td class="text-right">
<div class="dropdown dropdown-action">
<a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="" data-toggle="modal" id="rep1" data_id=<?php echo $row['apt_id'] ?> data-target="#active_appointment"><i class="fa fa-trash-o m-r-5"></i> Active</a>
<a class="dropdown-item" href="" data-toggle="modal" id="rep2" data_id=<?php echo $row['apt_id'] ?> data-target="#delete_appointment"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
</div>
</div>
</td>
</tr>
<?php }}} ?>
</tbody>
</table>
预约ID
医生姓名
专业化
患者姓名
费用
预约日期
预约时间
地位
行动
取消
活跃的
悬而未决的
我不知道我哪里出错了。非常感谢您的帮助。您看到控制台中是否有一些js错误了吗?@GiacomoM没有出现错误
<table class="datatable table table-hover" >
<thead>
<tr>
<th>Appointment ID</th>
<th>Doctor Name</th>
<th>Specialization</th>
<th>Patient Name</th>
<th>Fees</th>
<th>Appointment Date</th>
<th>Appointment Time</th>
<th>Status</th>
<th class="text-right">Action</th>
</tr>
</thead>
<tbody>
<tr>
<?php
mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
try {
$conn = new mysqli("localhost", "root", "", "hmsproject");
$conn->set_charset("utf8mb4");
} catch(Exception $e) {
error_log($e->getMessage());
exit('Error connecting to database'); //Should be a message a typical user could understand
}
$query="SELECT * FROM appointment as a,users as u WHERE a.user_id= u.user_id ORDER BY apt_id DESC";
$results =mysqli_query($conn,$query);
if($results = mysqli_query($conn,$query)){
if(mysqli_num_rows($results) > 0){
while($row =mysqli_fetch_array($results) ) {
$apt_id= $row['user_id'];
$user= $row['user_id'] ;
?>
<td><?php echo $row['apt_id']?> </td>
<td> <?php echo $row['doctor_name']?></td>
<td> <?php echo $row['specilization']?></td>
<td> <?php echo $row['patient_name']?></td>
<td> <?php echo $row['fees']?></td>
<td> <?php echo $row['apt_date']?></td>
<td> <?php echo $row['apt_time']?></td>
<td>
<?php if($row['admin_status']=="0") { ?>
<span class="custom-badge status-red">Cancel</span>
<?php } else if($row['admin_status']=="1") { ?>
<span class="custom-badge status-green">Active</span>
<?php } else { ?>
<span class="custom-badge status-blue">Pending</span>
<?php } ?>
</td>
<td class="text-right">
<div class="dropdown dropdown-action">
<a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="" data-toggle="modal" id="rep1" data_id=<?php echo $row['apt_id'] ?> data-target="#active_appointment"><i class="fa fa-trash-o m-r-5"></i> Active</a>
<a class="dropdown-item" href="" data-toggle="modal" id="rep2" data_id=<?php echo $row['apt_id'] ?> data-target="#delete_appointment"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
</div>
</div>
</td>
</tr>
<?php }}} ?>
</tbody>
</table>