如何通过Ajax调用按Delete按钮来删除db行

时间:2018-10-29 13:23:35

标签: javascript jquery html

我具有此功能,当字段为空时,当有消息发送错误消息时,我可以删除数据库e中的行。

public function deleteConfig() {
        if ($_POST['Doc'] != '') {
            $todelete = array();
            $todelete['domd_tipol_doc'] = $_POST['type_protocol'];
            $this->model->delete('domc', $todelete);
        } else {
            echo "error!";
        }
    }

现在我有了这个ajax调用,当有人按下删除按钮时,调用了php函数。 我无法理解“要做某事才能得到我想要的东西

$('.btn-delete-config').click(function() {
        $.ajax({
            url: 'protocol/deleteConfig'
        }).done(function( data ) {
            //SOMETHING TO DO HERE
        });

    });

1 个答案:

答案 0 :(得分:1)

拥有更多代码会很好。但是通常,您必须删除可提供所有功能的DOM中的所有功能。为此,您必须在要删除的dom上呼叫$(this).closest('DOMELEMENT').remove()。例如:

$('.btn-delete-config').click(function() {
       var button = $(this);
       //I can't reproduce the ajax. Put the following inside the .done function
       button.closest('tr').remove();
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>A</td>
    <td>A</td>
    <td><button class="btn-delete-config">Delete</button></td>
  </tr>
  <tr>
    <td>B</td>
    <td>B</td>
    <td><button class="btn-delete-config">Delete</button></td>
  </tr>
  <tr>
    <td>C</td>
    <td>C</td>
    <td><button class="btn-delete-config">Delete</button></td>
  </tr>
  <tr>
    <td>D</td>
    <td>D</td>
    <td><button class="btn-delete-config">Delete</button></td>
  </tr>
  <tr>
    <td>E</td>
    <td>E</td>
    <td><button class="btn-delete-config">Delete</button></td>
  </tr>
  <tr>
    <td>F</td>
    <td>F</td>
    <td><button class="btn-delete-config">Delete</button></td>
  </tr>
  <tr>
    <td>G</td>
    <td>G</td>
    <td><button class="btn-delete-config">Delete</button></td>
  </tr>
</table>