Question 69870 in Ajax Question posted in
You can find the official documentation here.

Request gets overridden with other data – Jquery ajax

I’m trying to get data for autocomplete using laravel.
Controller:

public function collection_search(Request $request) {
      $term = $request->search;
      $serveurapObj = new Serveurap();
      $result = $serveurapObj->collectionAutocomplete();
      return response()->json($result);
}

Model:

public function collectionAutocomplete($term) {
      $where= ['m.supprime'=>'0', 's.supprime'=>'0'];
      return DB::table('serveuraps AS s')
              ->select(DB::raw('s.nom as hostname'))
              ->join('machines AS m','m.id','=','s.machine_id')
              ->join('typeserveurs AS t','t.id','=','m.typeserveur_id')
              ->where($where)
              ->where('hostname','like','%'.$term.'%')
              ->get();
}

View:

<div class="col-md-12">
        <div class="form-group">
            <label class="col-md-3 control-label">{!! __('script.serveur') !!}</label>
            <div class="col-md-4">
                <input class="form-control" type="text" name="serveur" id="relance-serveur" role="textbox" aria-autocomplete="list" aria-haspopup="true">
            </div>
        </div>
 </div>

Jquery/Ajax:

$(document).ready(function () {
    // relance serveur autocomplete textbox
    $('#relance-serveur').autocomplete({
        source: function (request, response) {
            alert(request.term)
            $.ajax({
                url: '/scripts/relanceCollection/collection',
                dataType: 'json',
                data: {
                    search: request.term
                },
                success: function (data) {
                    response(data);
                }
            });
        },
    });
});

I’m getting error when accessing the search from js in controller.

Error:
enter image description here

I printed $request but it showed the json data from model. how would I get the search from js to controller so that I can search data based on that term ?

Tags:

3

Answers


  1. Chosen as BEST ANSWER
    0

    I got the result by adding $.map function in success function in JS. if anyone needs it, please refer below js code:

    $(document).ready(function () {
    var headers = {
            'X-CSRF-TOKEN':'<meta name="csrf-token" content="{{ csrf_token() }}">'
        };
    // relance serveur autocomplete textbox
    $('#relance-serveur').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: '/scripts/relanceCollection/collection',
                data: {
                    term: request.term
                },
                headers: headers,
                dataType: 'json',
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            label: item.hostname,
                            value: item.hostname
                        };
                    }));
                }
            });
        },
        select: function (event, ui) {
            $('#relance-serveur').val(ui.item.label); // display the selected text
            return false;
        },
        minLength: 1
    });
});

  2. 0

    The key you are sending is search, not term. Either change your controller code to reflect that, or change the ajax data.

    $.ajax({
    ...
    data: {
        → search: request.term
    },
    ...
});

    public function collection_search(Request $request)
{
    $term = $request->search; ←
    ...
}

    $.ajax({
    ...
    data: {
        → term: request.term
    },
    ...
});

    public function collection_search(Request $request)
{
    $term = $request->term; ←
    ...
}
    Login or Signup to reply.
  3. 0

    You aliased the wrong class. You don’t want an instance of a Facade, ever. If you want an instance of something you want the underlying instance, not the facade.

    use IlluminateHttpRequest;

    Now, $request would be an instance of that class and not the Facade, IlluminateSupportFacadesRequest.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search