javascript - 生成删除确认框

Question

在我的应用程序中，结果显示为表格格式。

我的代码的一部分是，

{% for device in devices %}
  <tr>
    <td>{{ device.operator}}</td>
    <td>{{ device.state }}</td>
    <td>{{ device.tstampgps }}</td>
    <td><button id='rec_delete'>Delete</button></td>

  </tr>
{% endfor %}

即使我们按下删除按钮，我也需要从数据库中删除特定记录。在此之前我想提示一个确认框。谁能帮我吗？

Answer 1

添加一个唯一的记录标识符，您可以将其与按钮的数据库关联。一旦确认，您可以使用 AJAX 将此标识符发送到服务器，并且服务器代码会删除数据库。还要将重复元素上的​​ ID 更改为类，因为 ID 必须是唯一的

HTML

<tr>
    <td>{{ device.operator}}</td>
    <td>{{ device.state }}</td>
    <td>{{ device.tstampgps }}</td>
    <td><button class='rec_delete'  data-record_id="{{ device.DB_ID }}">Delete</button></td>

  </tr>

JS

$('button.rec_delete').click(function(){
     /* data() method reads the html5 data attribute from html */
     var record_id=$(this).data('record_id');

     if( confirm( 'Are you sure') ){
        $.post( 'serverPage.php', { id: record_id}, function(){
            /* code to run on ajax success*/
          $(this).closest('tr').remove();
        })
    }
})

服务器将像接收任何其他表单元素名称一样接收 post key id