如何使用 PHP 数据库中的数据将按钮添加到基于 JavaScript 的表中？

Question

我想为这个基于 JavaScript 的表的最后一列中的每个用户添加一个“开始聊天”按钮，其中包含从 PHP 数据库中获取的数据。我不想使用<TR><TD>表格模型，因为它不像这个模型那样有吸引力。此外，该表还包含一个过滤器、排序和搜索选项。这使得更多功能更容易使用。附上相同的照片......标题为“用户列表”的那个是下面编写的代码的输出。

<?php 

/* UserConnectList.php*/

    require 'connection.php';

        $sqltran = mysqli_query($connection, "SELECT * FROM users ")or die(mysqli_error($connection));

        $arrVal = array();

        $i=1;

        while ($rowList = mysqli_fetch_array($sqltran)) {

                        $name = array(

                                'TbID' => $i,

                                'TbUsername' => $rowList['Username'],

                                'TbGender' => $rowList['Gender'],

                                'TbAge' => $rowList['Age'],

                                'TbCountry' => $rowList['Country'],

                                'TbOnline' => $rowList['Online'],

                                'TbLogin' => $rowList['LoginDate'],

                                'TbAccess' => $rowList['Status'],

                            );      

                            array_push($arrVal, $name); 

            $i++;           

        }

             echo  json_encode($arrVal);        

        mysqli_close($connection);

?>   

Answer 1

用于render生成 HTML。请注意，我在那行使用了反引号，以便可以将 ID 变量插入data-id{&nbsp; &nbsp; field: 'TbID',&nbsp; &nbsp; title: '',&nbsp; &nbsp; render: value => `<button class="btn btn-info btn-xl start_chat" data-id="${value}">Start Chat</button>`}然后为您的按钮创建一个侦听器$table.on('click', '.start_chat', function() {&nbsp; &nbsp; const userId = this.getAttribute('data-id');&nbsp; &nbsp; // function code here}