Ajax請求不適用於數據表分頁

Question

在我的Laravel的Web應用程序，我用datatable顯示的數據。 我的表格有3個動作可以view ， edit和delete 。 為了進行編輯和查看，我正在使用Bootstrap 4模式。

這是數據表的視圖。

這是我在模式上編輯的ajax請求代碼：

$.ajax({
      type:'GET',
      url:"{{route('user.edit')}}",
      data:{'id':user_id},
      success:function(data){
        var role;
        if(data.role_id == 1){
            role = 'Admin';
        }else if(data.role_id == 2){
            role = 'Seller';
        }else{
            role = 'Publisher';
        }
        $(header).empty();
        $(header).append('<h3>'+data.details.name+'\'s details</h3>');
        $('#name').empty();
        $('#name').val(data.details.name);
        $('#email').empty();
        $('#email').val(data.details.email);
        $('#contact').empty();
        $('#contact').val(data.details.contact);
        $('#address').empty();
        $('#address').val(data.details.address);
        $('#user_id').empty();
        $('#user_id').val(data.details.id);
        $.each(data.roles, function(index,val){
            if(data.details.role_id == val.id)
                var selected = 'selected';
            $('#role').append('<option '+selected+' value="'+val.id+'">'+val.role_name+'</option>');

        });
    }
});

現在，對於第一頁，一切正常。 但是，當我搜索的東西datatable或通過分頁去到另一個網頁，我的Ajax請求不起作用。 我正在使用類來調用ajax請求。 當我轉到另一頁面或搜索數據並單擊“編輯”時，只有模式打開ajax請求不會啟動，並且顯示空模式。 我該如何解決這個問題？

Answer 1

$(document).on('click', '.your_button', function(){
   //code for action
});

事件處理程序僅處理執行代碼時dom中存在的那些元素，因此需要使用基於委托的事件處理程序。 嘗試這個