Dalam artikel ini, saya akan mendemonstrasikan cara menggunakan dengan benar Cara mem-bootstrap laravel contoh pelengkapan otomatis dengan Contoh dengan memberikan contoh untuk 2 Cara mem-bootstrap laravel contoh pelengkapan otomatis dengan Contoh <!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>Laravel Typeahead JS Autocomplete Search</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" /> <style> .container { max-width: 600px; } </style> </head> <body> <div class="container mt-5"> <div classs="form-group"> <input type="text" id="search" name="search" placeholder="Search" class="form-control" /> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"> </script> <script type="text/javascript"> var route = "{{ url('autocomplete-search') }}"; $('#search').typeahead({ source: function (query, process) { return $.get(route, { query: query }, function (data) { return process(data); }); } }); </script> </body> </html> <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Models\User; class TypeaheadController extends Controller { public function index() { return view('welcome'); } public function autocompleteSearch(Request $request) { $query = $request->get('query'); $filterResult = User::where('name', 'LIKE', '%'. $query. '%')->get(); return response()->json($filterResult); } } Banyak contoh tambahan seputar topik Cara bootstrap autocomplete contoh laravel dengan Contoh silahkan lihat selengkapnya tidak terdefinisi |