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

Posted 2023-03-23

【中文标题】如何使用 PHP 从 HTML 表中获取当前内容

【英文标题】：How to get current Content from HTML Table with PHP

【发布时间】：2016-06-24 08:17:44

【问题描述】：

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

sshTunnel.sqlite --> mydata

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 更新了所有列。有谁知道为什么？

【问题讨论】：

似乎 $_POST 没有在您的 php 页面中获取数据。尝试打印 $_POST 。我相信你会得到空数组。

正确。那么我该如何解决这个问题呢？我尝试了 $_GET，但这也不起作用。

【参考方案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 的结构。使用数据名称或类似名称来设置名称而不是类。

【讨论】：

完美！这就是解决方案。非常感谢！

【参考方案2】：

$.ajax(
        type: "POST",
        url: "edit.php",
        data: ID:ID,
        dataType: "text",
        success: function(data)
        
            alert('ajax success');
            fetch_data();
        
    );

在这里，您只是将 ID 作为帖子数据发送...这就是为什么在您的 php 脚本中其他帖子值为空的原因。所以要么所有的帖子值都重写data: ID:ID, SSH_USER: SSH_USER,....，要么从某种配置文件中读取这个 SSH_USER 值。