Как подгрузить новые данные с бд после удаления через ajax?

Для того чтобы подгрузить новые данные из базы данных после удаления записи с помощью AJAX в JavaScript, вам потребуется выполнить следующие шаги:

1. Создать функцию для удаления записи с использованием AJAX. Например, вы можете отправить POST-запрос к серверу, передав ID записи, которую необходимо удалить. При успешном удалении сервер должен вернуть подтверждение удаления.

function deleteRecord(recordId) {
    $.ajax({
        type: "POST",
        url: "delete_record.php",
        data: { id: recordId },
        success: function(response) {
            // Обработка успешного удаления
            // Вы можете вызвать функцию для загрузки новых данных после удаления
            loadNewData();
        },
        error: function(err) {
            console.error(err);
        }
    });
}

2. Создать функцию для загрузки новых данных после удаления записи. В этой функции также используется AJAX-запрос к серверу для получения обновленных данных и их отображения на странице.

function loadNewData() {
    $.ajax({
        type: "GET",
        url: "get_data.php",
        success: function(data) {
            // Обработка полученных данных
            // Например, вы можете обновить таблицу или другие элементы на странице
        },
        error: function(err) {
            console.error(err);
        }
    });
}

3. Не забудьте вызвать функцию deleteRecord() с соответствующим ID записи при удалении вызовом этой функции, например, на клике по кнопке "Удалить".

$("#deleteButton").click(function() {
    var recordId = 123; // Здесь нужно указать ID удаляемой записи
    deleteRecord(recordId);
});

Таким образом, при удалении записи через AJAX с помощью функции deleteRecord(), новые данные будут подгружены с сервера и отображены на странице с помощью функции loadNewData(). Это позволит обновить данные на странице после удаления записи из базы данных.