Laravel/Ajax 删除功能成功后不刷新我的 table

Question

当我在删除 ajax 中添加函数 fetchcategory(); 时，我的 table 没有刷新：

        $(document).on('click', '.delete_category_btn', function (e) {
            e.preventDefault();
            var cat_id = $('#delete_cat_id').val();
            alert('Category Deleted!');
            // location.reload();  
            $('#deleteCategoryModal').modal('hide'); 
            fetchcategory();
            
            //token taken from laravel documentation
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: "DELETE",
                url: "/clinical/bbr-category-configuration-delete/"+cat_id,
                dataType: "dataType",
            });
        });

作为参考，我的屏幕截图显示了警报，显示删除功能如下：

另一个参考是我的添加函数在添加新的 table 后重新加载页面：

            $.ajax({
                type: "POST",
                url: "/clinical/bbr-category-configuration",
                data: category_data,
                dataType: "json",
                success: function (response){
                    console.log(response);
                if(response.status == 400) {
                    $('#category_formCheck').html("");
                    $('#category_formCheck').addClass('alert alert-danger');
                    $.each(response.errors, function (key, err_values) {
                        $('#category_formCheck').append('<li>'+err_values+'</li>');
                    });
                    }
                else  
                  {
                    $('#category_notif').html("");
                    $('#category_notif').addClass('alert alert-success');
                    $('#category_notif').text(response.message);
                    $('#createCategory').modal('hide');
                    fetchcategory();
                    }
                }
            });

我的另一个问题是我尝试在里面添加提醒和刷新功能：

            $.ajax({
                type: "DELETE",

但他们没有出现，所以我把它们放在里面 on(click

为什么我的删除 ajax 没有刷新我的 table？

更新：

我知道 location.reload(); 但是添加这个会破坏目的。
数据确实被删除了，不过我必须手动刷新整个页面才能看到更改。

Answer 1

您可以 ajax 成功。我相信 fetchcategory() 方法正在将数据填充到 table

<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });


    $(document).on('click', '.delete_category_btn', function (e) {
        e.preventDefault();
        var cat_id = $('#delete_cat_id').val();

        // location.reload();
        $('#deleteCategoryModal').modal('hide');

        $.ajax({
            type: "DELETE",
            url: "/clinical/bbr-category-configuration-delete/"+cat_id,
            dataType: "dataType",
            success: function(data) {
                alert('Category Deleted!');
                fetchcategory();
            },
            error: function() {
                alert('Error occured');
            }
        });
    });
</script>

Laravel/Ajax 删除功能成功后不刷新我的 table

Laravel/Ajax delete function not refreshing my table after success

ajax

function

laravel

sql-delete