JQuery / AJAX delete item from database

Question

I'm trying to make a CRUD in jquery/ajax/php for learning purposes. But I can't figure out what I'm doing wrong with the delete part.

My goal is to delete an record from the database without refreshing the page.

Ajax function:

    $(document).on('click', '.deleteOrder', function(e){
    var id = $(this).attr('id');
    console.log('Clicked order: ' + id);

    $.ajax({
        type:   'POST',
        url:    'orders/deleteorder/',
        data:   {
            orderId: id
        },
        success: function(data){
            updateOrder(e);
        },
        error: function(){
            console.log('error');
        }
    });
});

Php function:

    public function deleteOrder(){
    $orderId = $_POST['id'];
    $count=$this->connection->prepare("DELETE FROM orders WHERE orderNumber = :number");
    $count->bindParam(":number",$orderId,PDO::PARAM_INT);
    $count->execute();
    echo 'Finished order ' . $orderId;
}

Answer 1

首先在浏览器的“网络”选项卡中检查是否通过ajax调用了删除功能（单击浏览器中的F12按钮时会看到此功能）

Answer 2

您没有调用deleteOrder函数。