php - 如何使用 PHP 从 HTML 表中获取当前内容

Question

我正在尝试使用 HTML 和 PHP 编辑数据。在我的 HTML 文件中有一个表，其中包含来自 SQLite 数据库的数据(SELECT 语句工作正常)。 PHP 文件包含带有一些 concat 的 UPDATE 语句。

sshTunnel.sqlite --> 我的数据

CREATE TABLE "mydata" ("ID" INTEGER PRIMARY KEY  AUTOINCREMENT  NOT NULL , "SSH_USER" VARCHAR, "SSH_IP" VARCHAR, "SSH_PORT" VARCHAR, "SSH_PW" VARCHAR, "SSH_KEYFILE" VARCHAR, "TUNNEL_LOCAL_INTERFACE" VARCHAR, "TUNNEL_LOCAL_PORT" VARCHAR, "TUNNEL_REMOTE_IP" VARCHAR, "TUNNEL_REMOTE_PORT" VARCHAR, "DESCRIPTION" VARCHAR)

这是“HTML”部分:

while ($row = $results->fetchArray(SQLITE3_ASSOC))
{
    $output .= '<tr>
                    <td class="ID" data-id1="' . $row['ID'] . '">' . $row['ID'] . '</td>
                    <td class="SSH_USER" data-id2="' . $row['ID'] . '" contenteditable="true">' . $row['SSH_USER'] . '</td>
                    <td class="SSH_IP" data-id3="' . $row['ID'] . '" contenteditable="true">' . $row['SSH_IP'] . '</td>
                    <td class="SSH_PORT" data-id4="' . $row['ID'] . '" contenteditable="true">' . $row['SSH_PORT'] . '</td>
                    <td class="SSH_PW" data-id5="' . $row['ID'] . '" contenteditable="true">' . $row['SSH_PW'] . '</td>
                    <td class="SSH_KEYFILE" data-id6="' . $row['ID'] . '" contenteditable="true">' . $row['SSH_KEYFILE'] . '</td>
                    <td class="TUNNEL_LOCAL_INTERFACE" data-id7="' . $row['ID'] . '" contenteditable="true">' . $row['TUNNEL_LOCAL_INTERFACE'] . '</td>
                    <td class="TUNNEL_LOCAL_PORT" data-id8="' . $row['ID'] . '" contenteditable="true">' . $row['TUNNEL_LOCAL_PORT'] . '</td>
                    <td class="TUNNEL_REMOTE_IP" data-id9="' . $row['ID'] . '" contenteditable="true">' . $row['TUNNEL_REMOTE_IP'] . '</td>
                    <td class="TUNNEL_REMOTE_PORT" data-id10="' . $row['ID'] . '" contenteditable="true">' . $row['TUNNEL_REMOTE_PORT'] . '</td>
                    <td class="DESCRIPTION" data-id11="' . $row['ID'] . '" contenteditable="true">' . $row['DESCRIPTION'] . '</td>
                    <td><button type="button" name="btn_edit" data-id12="' . $row['ID'] . '" class="btn btn-xs btn-warning btn-block btn_edit">Editieren</button></td>
                    <td><button type="button" name="btn_delete" data-id13="' . $row['ID'] . '" class="btn btn-xs btn-danger btn-block btn_delete">Löschen</button></td>
                </tr>';
}

这是脚本部分:

$(document).on('click', '.btn_edit', function()
{
    var ID = $(this).data("id12");          
    if(confirm("Are you sure you want to edit this?"))
    {
        $.ajax({
            type: "POST",
            url: "edit.php",
            data: {ID:ID},
            dataType: "text",
            success: function(data)
            {
                alert('ajax success');
                fetch_data();
            }
        });
    }
});

最后，这是 PHP 部分:

<?php
$db = new SQLite3('sshTunnel.sqlite');
$db->exec('UPDATE mydata SET    SSH_USER="' . $_POST['SSH_USER'] . '", 
                                SSH_IP="' . $_POST['SSH_IP'] . '",  
                                SSH_PORT="' . $_POST['SSH_PORT'] . '", 
                                SSH_PW="' . $_POST['SSH_PW'] . '", 
                                SSH_KEYFILE="' . $_POST['SSH_KEYFILE'] . '", 
                                TUNNEL_LOCAL_INTERFACE="' . $_POST['TUNNEL_LOCAL_INTERFACE'] . '", 
                                TUNNEL_LOCAL_PORT="' . $_POST['TUNNEL_LOCAL_PORT'] . '", 
                                TUNNEL_REMOTE_IP="' . $_POST['TUNNEL_REMOTE_IP'] . '", 
                                TUNNEL_REMOTE_PORT="' . $_POST['TUNNEL_REMOTE_PORT'] . '", 
                                DESCRIPTION="' . $_POST['DESCRIPTION'] . '" 
                                WHERE ID="' . $_POST['ID'] . '"');
$db->close();
?>

似乎没有缓冲的内容。脚本没有正确更新数据库，而是“删除”了所有行内容。看起来，他们用 NULL 更新了所有列。有谁知道为什么吗？

Answer 1

在您的 ajax 调用中，您设置 data: {ID: ID} 这就是将要发送的所有内容。只有 $_POST['ID'] 会被设置。

您必须发送元素的数据。

对于您当前的 HTML 代码，它可能是以下代码。

var ID = $(this).data("id12");
var data = {ID: ID};
$(this).closest('tr').find('td[class]').each(function() {
    data[$(this).attr('class')] = $(this).text();
});
console.log(data); //check if the data you send is complete

然后在ajax调用中使用data: data来发送数据。

但是您应该更改 HTML 的结构。使用数据名称或类似的名称来设置名称而不是类。