Php 单击按钮时,通过datatable行中选定的模式数据库内容获取和显示

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" >

我有一个从db检索数据的datatable,我想在行改进操作下实现一个模式弹出窗口,因此在该行下显示我想要的实际改进操作,就像在该行下显示一个符号一样,因此当我单击它时,一个模式将与改进操作一起显示,而所有其他数据保持不变,我想用ajax实现这一点,但我是ajax的新手,请协助

<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,也不提供任何示例数据来处理。