Record filter with Laravel 5.4. *

I suppose you use jQuery, and if not, here is the cdn link

1. On the route:

Route::post('listadoContactos/{field1}/{field2}','Controller@getListadoContactos');

2. On the controller:

public function getListadoContactos(Request $req, $field1, $field2){
    if($req->ajax()){
        $result = dk_profile_user::
                select('dk_profile_user.id','dk_profile_user.f_name','dk_profile_user.l_name','users.email','dk_profile_user.address',
                    'dk_profile_user.status','dk_profile_user.image_profile','dk_profile_user.date_bday',
                    'dk_profile_user.date_bjob','dk_master_area.name as depart','dk_area.name as area','dk_profession.name as profession',
                    'dk_positions.name as positions','dk_profile_user.username')
                ->join('dk_area','dk_area.id','=','dk_profile_user.id_area')
                ->join('dk_master_area','dk_master_area.id','=','dk_area.id_master_area')
                ->join('dk_profession','dk_profession.id','=','dk_profile_user.id_profession')
                ->join('dk_positions','dk_positions.id','=','dk_profile_user.id_positions')
                ->join('users','users.id','=','dk_profile_user.id')
                ->where('users.id','=',$field1)
                ->where('users.id','=',$field2)
                ->get();
        return Response::json(array('resultado' => $result));
    }
}

3. In the view, in the script , you will place the function and its call in ready (so that it executes when you load the route).

$(document).ready(function () {
    Contactos();
});

function Contactos() {
    var field1 = $("#field1").val();
    var field2 = $("#field2").val();
    //obtendras los valores de los distintos campos y los enviaras por parametros al controlador.
    //puedes inventarte un array que contenga todos los valores de los campos de la vista y así los envías en un solo parámetro al controlador. No tengo chance para probar así que lo dejo a tu propia experiencia :D
    $.post("listadoContactos/"+field1+"/"+field2+"" ,function(response){
        console.log(response.resultado); //response contiene todo lo que obtienes de la funcion en el controlador
    });
};

4. To be executed in each state change of each field you should only use its different forms:

//Para un input type text:
$('#field1').keyup(function(e) {
    Contactos();
});

//Para un select:
$('#field2').on( 'change', function (e) {
    Contactos();
});

NOTE: Do not send the variable to the view when you do it with the function of the index, in this way that I am showing you loads the results of the list of the controller with the filtering that you manage. p>

PD: With nothing more to narrow, this would be the way to create the list of contacts how you handle it and how to filter it.

Greetings, we are here to help each other: D

@PabloContreras Thanks for your response, I was able to find a solution by changing a couple of things so that they could work for me.

1. On the route:

Before:

Route::post('listadoContactos/{field1}/{field2}','Controller@getListadoContactos');

After:

Route::get('contacts/{field1}/{field2}','contacts\ContactsController@listadoContactos');

2. On the controller:

Before:

public function getListadoContactos(Request $req, $field1, $field2){
 if($req->ajax()){
    $result = dk_profile_user::
            select('dk_profile_user.id','dk_profile_user.f_name','dk_profile_user.l_name','users.email','dk_profile_user.address',
                'dk_profile_user.status','dk_profile_user.image_profile','dk_profile_user.date_bday',
                'dk_profile_user.date_bjob','dk_master_area.name as depart','dk_area.name as area','dk_profession.name as profession',
                'dk_positions.name as positions','dk_profile_user.username')
            ->join('dk_area','dk_area.id','=','dk_profile_user.id_area')
            ->join('dk_master_area','dk_master_area.id','=','dk_area.id_master_area')
            ->join('dk_profession','dk_profession.id','=','dk_profile_user.id_profession')
            ->join('dk_positions','dk_positions.id','=','dk_profile_user.id_positions')
            ->join('users','users.id','=','dk_profile_user.id')
            ->where('users.id','=',$field1)
            ->where('users.id','=',$field2)
            ->get();
    return Response::json(array('resultado' => $result));
 }
}

After:

public function listadoContactos(Request $req, $field1, $field2)
{
    if($req->ajax()) {
        $result = dk_profile_user::
                    select('dk_profile_user.id','dk_profile_user.f_name', 'dk_profile_user.l_name',
                        'users.email','dk_profile_user.address','dk_profile_user.status','dk_profile_user.image_profile',
                        'dk_profile_user.date_bday', 'dk_profile_user.date_bjob','dk_master_area.name as depart',
                        'dk_area.name as area','dk_profession.name as profession','dk_positions.name as positions',
                        'dk_profile_user.username')
                    ->join('dk_area','dk_area.id','=','dk_profile_user.id_area')
                    ->join('dk_master_area','dk_master_area.id','=','dk_area.id_master_area')
                    ->join('dk_profession','dk_profession.id','=','dk_profile_user.id_profession')
                    ->join('dk_positions','dk_positions.id','=','dk_profile_user.id_positions')
                    ->join('users','users.id','=','dk_profile_user.id');
                    if($field1!=="") {
                        $result->where('dk_profile_user.f_name','like','%'.$field1.'%');
                        $result->orWhere('dk_profile_user.l_name','like','%'.$field1.'%');
                    }
                    if ($field2!=='0') {
                        $result->where('dk_profile_user.area','=',$field2);
                    }
                    $results = $result->get();
        return \Response::json(array('resultado' => $results));
    }
}

3. In the view, in the script.

Before:

function Contactos() {
     var field1 = $("#field1").val();
     var field2 = $("#field2").val();
    $.post("listadoContactos/"+field1+"/"+field2+"" ,function(response){
    console.log(response.resultado); 
     });
};

After:

function Contactos() {
            var field1 = $("#person").val();
            var field2 = $("#departament").val();
            $.ajax({
                type: 'GET',
                url: 'contacts/' + field1 +'/'+ field2,
                success: function(response){
                    console.log(response.resultado); 
                }
            });
        }

4. To be executed in each change of state of each field you should only use its different forms:

This is the same:

//Para un input type text:
$('#field1').keyup(function(e) {
    Contactos();
});
//Para un select:
$('#field2').on( 'change', function (e) {
    Contactos();
});

Thank you very much, although some small changes were made, the logic of the answer helps me a lot to find a solution that works correctly in my project.