Удалить поле в Datatable с помощью Ajax в Codeiginiter без обновления страницы

Question

Я хочу удалить какое-либо поле в datatable, используя тег «a» в качестве кнопки. Если эта кнопка нажата, она удалит поле в моей базе данных, используя ajax без обновления страницы, но если я нажму кнопку, она ничего не сделает. Я слаб в JS или jQuery, надеюсь, вы, ребята, поможете мне, спасибо.

Это мой JS

$('#delete-agenda').click(function(e) {
    e.preventDefault();
    var data = {};
    data['id_itenerary'] = $(this).attr('value');
    $.ajax({
        url: 'http://localhost/pandansari/admin/single_trip/delete_agenda',
        type: 'post',
        data: data
    });
});

Это мой тег 'a'

<a id="delete-agenda" class="btn btn-sm btn-danger" value="<?php echo $agenda['id_itenerary'] ?>">Delete</a>

Это моя функция управления

public function delete_agenda() {
    $id_itenerary = $this->input->post('id_itenerary');
    $this->agenda_model->delete_agenda($id_itenerary);
}

Это моя модель функции

public function delete_agenda($id_itenerary) {
    $this->db->where('id_itenerary', $id_itenerary);
    $this->db->delete('tb_itenerary');
}

Answer 1

$('#delete-agenda').on('submit',function(e){ 

e.preventDefault (); // напишите ваш оставшийся код здесь

});

Answer 2

Попробуйте это

HTML:

<a id="delete-agenda" href="#" class="btn btn-sm btn-danger" data-id="<?php echo $agenda['id_itenerary'] ?>">Delete</a>

JS:

$(document).ready(function() {
    $('#delete-agenda').click(function(e){
        e.preventDefault();
        var id = $(this).attr('data-id');
        $.ajax({
            url: 'http://localhost/pandansari/admin/single_trip/delete_agenda',
            type: 'post',
            data: { 'id_itenerary' : id }
        });
    });
});

Вам все равно придется удалить записываемую запись из таблицы; в противном случае изменения будут видны только при обновлении / перезагрузке.