Php 单击按钮时,通过datatable行中选定的模式数据库内容获取和显示
我有一个从db检索数据的datatable,我想在行改进操作下实现一个模式弹出窗口,因此在该行下显示我想要的实际改进操作,就像在该行下显示一个符号一样,因此当我单击它时,一个模式将与改进操作一起显示,而所有其他数据保持不变,我想用ajax实现这一点,但我是ajax的新手,请协助Php 单击按钮时,通过datatable行中选定的模式数据库内容获取和显示,php,ajax,jquery-ui,Php,Ajax,Jquery Ui,我有一个从db检索数据的datatable,我想在行改进操作下实现一个模式弹出窗口,因此在该行下显示我想要的实际改进操作,就像在该行下显示一个符号一样,因此当我单击它时,一个模式将与改进操作一起显示,而所有其他数据保持不变,我想用ajax实现这一点,但我是ajax的新手,请协助 <table class="table table-hover table-striped table-bordered datatable-basic" >
<table class="table table-hover table-striped table-bordered datatable-basic" >
<thead>
<tr>
<tr class="bg-violet-400" >
<th>ID</th>
<th>Site</th>
<th>Date</th>
<th>SN</th>
<th>Gap identified</th>
<th>Improvement Actions</th>
<th>Timeline</th>
<th>Person responsible</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
$connect = mysqli_connect("localhost", "root", "", "dqa");
$query=mysqli_query($connect,"SELECT * FROM action_plan");
while($row=mysqli_fetch_array($query))
{
?>
<tr>
<td><?php echo $row['id'] ?></td>
<td><?php echo $row['site'] ?></td>
<td><?php echo $row['date'] ?></td>
<td><?php echo $row['sn'] ?></td>
<td><?php echo $row['gap_identified'] ?></td>
<td><?php echo $row['Improvement_Actions'] ?></td>
<td><?php echo $row['timeline'] ?></td>
<td><?php echo $row['person_responsible'] ?></td>
<td><?php if( $row['status'] == 1 )
{
echo ' <button type="button" class="btn bg-grey">Approved</button></span>';
}
elseif( $row['status'] == 0 ) {
echo ' <button type="button" class="btn btn-danger">Active Action</button></span>';
}
elseif( $row['status'] == 2 ) {
echo ' <button type="button" class="btn bg-brown"> Resubmission </button></span>';
}
elseif( $row['status'] == 3 ) {
echo ' <button type="button" class="btn bg-orange">Action Due</button></span>';
}
?></td></td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
身份证件
场地
日期
锡
确定的差距
改善行动
时间线
负责人
地位
如果没有任何样本数据或示例数据,我只能推测您试图实现的目标。这里有一个例子,我想你可能会觉得很有帮助
$(函数(){
$(“.table”).DataTable();
$(“.table tbody.actions”)。按钮({
showLabel:false,
图标:“用户界面图标链接”
})。单击(功能(e){
var self=$(这是);
var行=$(this.attr(“href”).substring(1);
var siteurl=“”;
变量形式=$(“”{
id:“表格-”+行
});
form.append($(“”){
类型:“隐藏”,
姓名:“rowid”,
值:行
}));
变量对话框=$(“”{
标题:“改进措施-第行”+第行
}).append(表单).dialog({
莫代尔:是的,
创建:功能(e、ui){
$.getJSON(siteurl+“/”+行,函数(数据){
$('[name=“rowid”]',this.val(data.id);
});
},
关闭:功能(e、ui){
self.data(“results”,form.serialize());
dialog.dialog(“销毁”).remove();
}
});
});
});代码>
身份证件
场地
日期
锡
确定的差距
改善行动
时间线
负责人
地位
1.
LOC-1
04/24/2018
1001
0.1
约翰·史密斯
经核准的
您能提供迄今为止尝试过的任何jQuery吗?这也不是一个很完整的例子,很难确定你想要完成什么。考虑使用jsFoDLE,只需从PHP脚本中输出HTML。@ WISTHY找到JSFIDLE链接。这个小提琴不应该包含任何PHP,也不提供任何示例数据来处理。