Merhabalar, Home page'de bir tane Search kısmı var (Resim: https://prnt.sc/kN6coOTmBABd). Şimdi Search kısmında örenğin bir "a" girdiğim zaman bana otomatik olarak (dinamik bir şekilde) o "a" harf ile başlayan ürünler listelenmesi gerekiyor. Maalesef hata aldım ve bir türlü düzeltmedim. Storage/logsa herhangi hata göstermedi. Ancak Search üzerinden tıklayıp Inspect gittiğim zaman şöyle bir şey veriyor (Resim:https://prnt.sc/dCOzLNjXAWUY). Ayrıca arka planda Laravel şöyle bir şey gösterdi. (Resim: https://prnt.sc/oBfiHuaER_YX). Burada tek tek kodu kontrol ettim.
Burada JavaScript kod:
`const site_url = "http://127.0.0.1:8000/";
$("body").on("keyup","#search", function(){
let text = $("#search").val();
if (text.length > 0) {
$.ajax({
data: {search:text},
url : site_url + "search-product",
method: 'post',
beforSend : function(request){
return request.setRequestHeader('X-CSRF-TOKEN',("meta[name='csrf-token']"))
},
success:function(result){
$("#SearchUrun").html(result);
}
});
}
if (text.length < 1) $("#SearchUrun").html("");
});`
Aşağıdaki kod urun göstersin diye html kod:
`@if($urunler -> isEmpty())
<h4 class="text-center text-danger">Product Not Found</h4>
@else
<div class="container mt-5">
<div class="row d-flex justify-content-center">
<div class="col-md-12">
<div class="card">
@foreach($urunler as $item)
<a href="">
<div class="list border-bottom">
<img src="{{ asset($item->urun_thambnail) }}" style="width:40px; height:40px">
<div class="d-flex flex-column ml-5"><span>{{ $item->urun_name }}</span> <small>${{ $item->satis_fiyat }}</small>
</div>
</div>
</a> @endforeach
</div>
</div>
</div>
</div>@endif`
Controller'deki fonksiyon:
` public function SearchUrun(Request $request){
$request->validate(['search' => "required"]);
$item = $request->search;
$urunler = Urun::where('urun_name','LIKE',"%$item%")->select('urun_name','urun_slug','urun_thambnail','satis_fiyat','id')->limit(6)->get();
return view('frontend.urun.search_urun',compact('urunler'));}`
Route
Route::post('/search-product' , 'SearchUrun');
Gerçekten hata ne oldğunu anlamadım, yukardaki Inspect kısmı için blok edildi diyor, çözmeye çalıştım, ama yine olmadı. Yardım edebilecek varsa, şimdiden teşekkürler.