首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用php + html + ajax删除一行?

如何使用php + html + ajax删除一行?
EN

Stack Overflow用户
提问于 2018-07-08 06:38:58
回答 1查看 73关注 0票数 0

我一直在尝试从HTML表中删除一行。我正在使用Materialize CSS

这就是我得到的,ID是员工ID

这是代码

代码语言:javascript
复制
<?php 
  $server = mysql_connect("localhost", "root", ""); 
  mysql_set_charset('utf8', $server);
  $db = mysql_select_db("cursos", $server);
  $query = mysql_query("SELECT * FROM empleados"); 
?>

         <table class="bordered responsive-table highlight">
             <thead>
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Apellidos</th>
                <th>Cumpleaños</th>
                <th>Género</th>
                <th>Nacionalidad</th>
                <th>Despedir</th>
            </tr>
</thead>
            <?php
               while ($row = mysql_fetch_array($query)) {
?>
             <tbody>
                    <tr>
                        <td><?php echo $row['empleado_id']; ?></td>
                        <td><?php echo $row['nombre']; ?></td>
                        <td><?php echo $row['apellidos']; ?></td>
                        <td><?php echo $row['fecha_nac']; ?></td>
                        <td><?php echo $row['genero']; ?></td>
                        <td><?php echo $row['nacionalidad']; ?></td>
                            <?php

                            $empleado_id = $row['empleado_id'];                         
                                    ?>
                        <td><a id="<?php echo $empleado_id; ?>" name="borrar" class="btn-floating btn-small waves-effect waves-light red"><i class="material-icons">delete</i></a></td>
                    </tr>
             </tbody>
    <?php
               }

            ?>
        </table>

我希望能够单击那个红色按钮并将查询发送到SQL。

到目前为止,这就是我所拥有的

代码语言:javascript
复制
<td><a id="<?php echo $empleado_id; ?>" name="borrar" class="btn-floating btn-small waves-effect waves-light red"><i class="material-icons">delete</i></a></td>

通过使用id="<?php echo $empleado_id; ?>",红色按钮的ID将始终是员工ID。

如何将按钮ID传递给将执行查询的函数?

EN

回答 1

Stack Overflow用户

发布于 2018-07-08 07:16:32

如下所示在a标记中设置onClick属性:

代码语言:javascript
复制
<td><a onClick="deletThis(this.id)" id="<?php echo $empleado_id; ?>" name="borrar" class="btn-floating btn-small waves-effect waves-light red"><i class="material-icons">delete</i></a></td>

现在,在文件末尾的script标记中执行以下函数

代码语言:javascript
复制
<script>
   function deletThis(employeeId){
      //for surity if the value ir right u can chech in console
      console.log(employeeId);
      //now make an AJAX request to your file let's say delete.php
      $.post("./delete.php",
         {
           employeeId : employeeId
         },
         function(response, status){
             console.log(response);
         });
      }
</script>

现在创建一个与该文件并行的文件delete.php,并编写php代码来删除该条目,如下所示

代码语言:javascript
复制
<?php

   $employeeId = $_POST['employeeId'];

   //delte from db

?>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51227431

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档