如何使用 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

{

    field: 'TbID',

    title: '',

    render: value => `<button class="btn btn-info btn-xl start_chat" data-id="${value}">Start Chat</button>`

}

然后为您的按钮创建一个侦听器

$table.on('click', '.start_chat', function() {

    const userId = this.getAttribute('data-id');

    // function code here

}