通过HTML和PHP生成的充满Mysql数据的表来编辑Mysql数据


Edit Mysql data through HTML and PHP generated table filled with mysql data

我有一个mysql表。我已经创建了一个html表,并使用php和sql用mysql表中的数据填充它。然后,我希望能够单击每行数据旁边的复选框,然后单击编辑,并能够编辑所有来自网页的数据。

我用来构建html表并用mysql数据填充的代码:

$result = mysql_query("SELECT * FROM table");
 if (mysql_num_rows($result)>0){
 $r = mysql_fetch_array($result,MYSQL_ASSOC);
 $table="<table><tr style='background:#cccccc;'>";
 $firstLine="<tr>";
 foreach ($r as $k => $v){
   $table .="<td style='border:1px #ffffff solid;'>".$k."</td>";
   $firstLine .="<td>".$v."</td>";
 }
 $table.="</tr>".$firstLine."</tr>";
 while($r = mysql_fetch_array($result,MYSQL_ASSOC)){
   $table.="<tr>";
   foreach($r as $k => $v)
     $table.="<td>".$v."</td>";
   $table.="</tr>";
 }
  $table .="</table>";
 echo $table;
}

有人能帮我提供任何帮助我实现这一目标的指导吗?

将每一条可以更改的数据放入一个文本输入中,而不仅仅是文本,其中包含来自数据库的value属性和可以识别它的名称。这样,您就可以选中文本输入旁边的框并对其进行更改。当数据发送到服务器时,只要选中复选框,数据库中就会发生更改。

使用您的代码

while($r = mysql_fetch_array($result,MYSQL_ASSOC)){
    $table.="<tr>";
    foreach($r as $k => $v) {
        $table.="<td>".$v."</td>";
    } //Dont ever leave this undone, someday you will be very upset
    $table.="<td><span id='{$r["uid"]}'class='uiButtonDelete'></span></td></tr>";
}

现在使用jQuery执行删除操作。

$(function() {
    $(".uiButtonDelete").click(function() {    
        $.post(myDeleteScript, {id: $(this).attr("id")})
        $(this).parents("tr").fadeOut(200)
    })
})