Как увеличить автозаполнения строки поиска будет список предложений предметов(в настоящее время 8 нужно увеличить до 16)

Я разработал панель поиска для поиска элементов из моего списка продуктов, где более 10 000 товаров в наличии. Когда пользователь введите слово, пользователь может посмотреть список предложений с 8 пунктов на основе ввода пользователя. Это мой код и код работает отлично. Но то, что я хочу сделать, это увеличить список предложений. Я понятия не имею, как это. Так что если кто может, пожалуйста, помогите мне.

Nsearch.blade.php

    <!DOCTYPE html>
<html>
    <head>
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
            <script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js"></script>
    </head>
<body>

<div class="container">
    <h1> test products </h1>
    <input type="text" class="typeahead form-control" name="name">
</div>
<script type="text/javascript">
var path = "{{route('nautocomplete')}}";
$('input.typeahead').typeahead({
    source:function(query,process){
        return $.get(path,{query:name},function (data) {
            return process(data);
        })
    }
});
</script>

</body>
</html>

NSearchController.php

    <?php

namespace App\Http\Controllers\Shop;
use App\Product;
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;

class NSearchController extends Controller
{
    public function index(){

        return view('shop.Nsearch');
    }

    public function autocomplete(Request $request){
        $data = Product::select("name")
                ->where("name","LIKE","%%{$request->input('name')}%%")->get(); 
                return response ()->json($data);
    }
}

web.php (маршрут)

    Route::get ('/nsearch','Shop\[email protected]')->name('nsearch');
Route::get ('/nautocomplete', 'Shop\[email protected]')->name('nautocomplete');

Текущий вид

snap

0
2019-09-18 07:09:18
источник
0 ответов

Посмотрите другие вопросы по меткам