Autocomplete laravel 5.2

Mohon perncerahannya teman teman.

Route


Route::get('message/send',array('as'=>'autocomplete','uses'=>'MessageController@form'));
Route::get('/autocomplete',array('as'=>'autocomplete','uses'=>'Testing@autocomplete'));

JS


<script type="text/javascript">
      $('#name').autocomplete({
        source : '{!!URL::route('autocomplete')!!}',
        minlenght:1,
        autoFocus:true,
        select:function(e,ui){
            $('#name').val(ui.item.value);
            $('#kontak').val(ui.item.kontak);
        }
      });
</script>


  public function autocomplete(Request $request)
    {
      $term=$request->term;
      $data = customers::where('name', 'LIKE', '%' .$term. '%')
      ->take(10)
      ->get();
      $results=array();
      foreach ($data as $key => $v)
      {
        $results[]=['kontak'=> $v->kontak,'value'=> $v->name];
      }
      return response()->json($results);
    }


Eror Uncaught TypeError: $(...).autocomplete is not a function at send:140

avatar ariesto14
@ariesto14

42 Kontribusi 2 Poin

Diperbarui 7 tahun yang lalu

7 Jawaban:

sudah import jquery-uinya?

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

begini kan kak @onirusama?


<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

menurut saya mungkin routenya tidak ke baca,

avatar ariesto14
@ariesto14

42 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Kayanya kalau dari errornya, ini belum berkaitan dengan laravel gan. Lebih ke jquery autocompletenya.

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

berarti import jquery saya masih salah ya? terima kasih atas masukkannya akan saya coba perbaiki import jquery saya.

avatar ariesto14
@ariesto14

42 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Coba tes gini dari console browsernya: 1. Buka console browsernya 2. Ketikkan kode ini:

$('#name').autocomplete()

3. Kalau tidak error berarti autocompletenya berfungsi. tapi kalau error berarti memang ada masalah import file jquery bundlenya.

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

ia kak eror pas coba di console

avatar ariesto14
@ariesto14

42 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

Script yang benar



$(function()
        {
         $( "#name" ).autocomplete({
          source: "{{URL('autocomplete')}}",
          minLength: 1,
          select: function(event, ui) {
            $('#name').val(ui.item.value);
            $('#number').val(ui.item.kontak);
          }
        });
        });

Semoga bermanfaat.

avatar ariesto14
@ariesto14

42 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban