Javascript 禁止在浏览器中显示来自数据表的查询

我有一个datatable，它为我提供了一个用户列表。我正在使用datables.net库。我向一个php控制器和laravel的雄辩查询发出请求，但当它进行一些过滤时，它会在预览中显示查询。有没有办法避免这种情况？

PHP代码

    public function DataTableUsers()
        {
            // model
            $model = User::select('id','name','email','created_at');
            return DataTables::of($model)
            ->editColumn('created_at', function(User $user) {
                return $user->created_at->format('d/m/Y'); 
            })
            ->addColumn('action', 'usuarios.action')         
            ->toJson();
        }

JS数据表

 var table = $('#User_Datatable').DataTable({
            responsive: true,
            buttons: [
                'print',
                'copyHtml5',
                'excelHtml5',
                'csvHtml5',
                'pdfHtml5',
            ],
            // Pagination settings
            dom: `<'row'<'col-sm-12'tr>>
            <'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,

            lengthMenu: [5, 10, 25, 50],
            pageLength: 10,    
            searchDelay: 500, 
            processing: true, 
            serverSide: true,
            ajax: {
                url: url,
                type: 'POST',
                headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }, 
                data: {
                    columnsDef: [
                        'id', 'name', 'email', 'created_at', 'action'
                    ],
                },
            },
            columns: [{
                    data: 'id',
                    title: 'ID'
                },
                {
                    data: 'name',
                    title: 'Nombre'
                },
                {
                    data: 'email',
                    title: 'Correo'
                },
                {
                    data: 'created_at',
                    title: 'Creación'
                },
                {
                    data: 'id',
                    title: 'Status'
                },
                {
                    data: 'action',
                    title: ' ',
                    sort: false,
                    responsivePriority: -1
                },
            ],
            initComplete: function() {
                this.api().columns().every(function() { 
                    var column = this;

                    switch (column.title()) {
                        case 'Nombre':
                            column.data().unique().sort().each(function(d, j) {
                                $('.datatable-input[data-col-index="1"]').append('<option value="' + d + '">' + d + '</option>');
                            });
                            break;
                    }
                });
            },                
            columnDefs: [{
                targets: 4,
                render: function(data, type, full, meta) {
                    var status = {
                        1: { 'title': 'Pendiente', 'class': 'label-light-primary' },
                        2: { 'title': 'Entregado', 'class': ' label-light-danger' },
                        3: { 'title': 'Cancelado', 'class': ' label-light-primary' },
                        4: { 'title': 'Exitoso', 'class': ' label-light-success' },
                        5: { 'title': 'Dato', 'class': ' label-light-info' },
                        6: { 'title': 'Fallido', 'class': ' label-light-danger' },
                        7: { 'title': 'Advertencia', 'class': ' label-light-warning' },
                    };
                    if (typeof status[data] === 'undefined') {
                        return data;
                    }
                    return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
                },
            }]
        });