在页面刷新之前，Ajax请求不会更新数据库

我正在为要创建的仪表板系统创建待办事项列表。

因此，想法是用户可以添加新的待办事项，删除待办事项以及完成/未完成的待办事项。我正在使用codeIgniter进行此项目。

问题是，当我添加任务时，它会添加到数据库中，但是当我在此之后删除它或完成它时，它尚未在数据库中更新。仅当我刷新页面并删除任务或在数据库中对其进行更新之后完成任务时。我已经检查了数据，并将其成功发送到控制器以及从控制器发送到模型。由于某种原因，它只是没有在数据库中得到更新。

我正在使用AJAX发布请求将所有数据发送到codeigniter控制器。

$(document).ready(function () {
runBind();
function runBind() {

    /**
     * Deletes a task in the To Do list
     */
    $('.destroy').on('click', function (e) {
        var $currentListItem = $(this).closest('li');
        var $currentListItemLabel = $currentListItem.find('label');
        $('#main-content').trigger('heightChange');
        $.ajax({
            url: 'dashboard/deleteToDo',
            type: 'post',
            data: 'message=' + $currentListItemLabel.text()
        }).success(function (data) {
            $currentListItem.remove();
        }).error(function () {
            alert("Error deleting this item. This item was not deleted, please try again.");
        })
    });

    /**
     * Finish the to do task or unfinish it depending on the data attribute.
     */
    $('.toggle').on('ifClicked', function (e) {
        console.log("hallo");
        var $currentListItemLabel = $(this).closest('li').find('label');
        /*
         * Do this or add css and remove JS dynamic css.
         */
        if ($currentListItemLabel.attr('data') == 'done') {
            $.ajax({
                url: 'dashboard/finishToDo',
                type: 'post',
                data: 'message=' + $currentListItemLabel.text() + '&finish=' + false
            }).success(function (data) {
                console.log(data);
                $currentListItemLabel.attr('data', '');
                $currentListItemLabel.css('text-decoration', 'none');
            }).error(function () {
                alert("Error updating this item. This item was not updated, please try again.");
            })
        }
        else {
            $.ajax({
                url: 'dashboard/finishToDo',
                type: 'post',
                data: 'message=' + $currentListItemLabel.text() + '&finish=' + true
            }).success(function (data) {
                console.log(data);
                $currentListItemLabel.attr('data', 'done');
                $currentListItemLabel.css('text-decoration', 'line-through');
            }).error(function () {
                alert("Error updating this item. This item was not updated, please try again.");
            })
        }
    });
}

$todoList = $('#todo-list');

/**
 * Add a new To Do task.
 */
$("#frm_toDo").submit(function (e) {
    e.preventDefault();
    var url = $(this).attr('action');

    var method = $(this).attr('method');
    var data = $(this).serialize();
    $.ajax({
        url: url,
        type: method,
        data: data
    }).success(function (data) {
        addItemToHTMLList();
        $('#new-todo').val('');
    }).error(function () {
        alert("Error saving this task. This task has not been saved, please try again.");
    });
});

/**
 * Adds the task that has been created directly to the HTML page
 */
var addItemToHTMLList = function () {
    $('.destroy').off('click');
    $('.toggle').off('click');
    var todos = "";
    todos +=
        "<li>" +
        "<div class='view'>" +
            "<div class='row'>" +
                "<div class='col-xs-1'>" +
                    "<input class='toggle' type='checkbox'>" +
                "</div>" +
                "<div class='col-xs-10'>" +
                    "<label id='item'>" + " " + $('#new-todo').val() + "</label>" +
                "</div>" +
                "<div class='col-xs-1'>" +
                    "<a class='destroy'></a>" +
                "</div>" +
            "</div>" +
        "</div>" +
        "</li>" + $todoList.html();
    $todoList.html(todos);
    $todoList.find('input').iCheck({checkboxClass: 'icheckbox_flat-grey', radioClass: 'iradio_flat-grey'});
    runBind();
    $('#main').show();
}
});

如果您能帮助我，那太好了，因为我一无所知。我已经检查了所有数据，但是在页面刷新之前它并没有在数据库中得到更新。