编辑和删除按钮在php，ajax中的服务器端数据表中添加

Question

我放置了一个编辑按钮，但我如何传递每一行的 id。 它的服务器端数据表，但我不知道如何获取 id 进行编辑和按钮

 <script type="text/javascript" language="javascript" >
        $(document).ready(function() {
            var dataTable = $('#employee-grid').DataTable( {
                "processing": true,
                "serverSide": true,
                "ajax":{
                    url :"packing-grid-data.php", // json datasource
                    type: "post",  // method  , by default get
                    error: function(){  // error handling
                        $(".employee-grid-error").html("");
                        $("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
                        $("#employee-grid_processing").css("display","none");
                    },

                },

                "columnDefs": [
                {

                    "data": null,
                    "defaultContent": "<a href='view_product.php?id=' name='edit' class='btn   btn-primary'> VIEW </a>",

                    "targets": -1
                    }
                ]

            });
        });


    </script>

Answer 1

有两种方法可以做到这一点：

1. 您可以在PHP代码中准备编辑和删除按钮html，并在ajax响应中传递

2. 使用数据表 jquery createdRow 回调。检查下面的代码。代码中 data[1] 表示来自数据库的 id 值。

   var dataTable = $('#employee-grid').DataTable( { “处理”：是的， “服务器端”：是的， “阿贾克斯”：{ 网址：“包装网格数据.php”， 类型：“帖子”， 错误：函数（）{ $(".employee-grid-error").html(""); $("#employee-grid").append('在服务器中没有找到数据'); $("#employee-grid_processing").css("display","none"); }, }, “列定义”：[ { “数据”：空， “目标”：-1 } ], createdRow ：函数（行，数据，数据索引）{ $(row).find('td:eq(-1)').html('VIEW'); } });