Я пытаюсь создать строку поиска с AJAX, но продолжаю получать внутреннюю ошибку сервера.
Это мой код готовности документа.
$(document).ready(function(){
fetch_ads_data();
function fetch_ads_data(query = ''){
$.ajax({
url:"{{route('adSearch.action')}}",
method: 'GET',
data:{query:query},
dataType:'json',
success:function(data){
$('#total_ads').html(data.total_ads);
}
});
}
$(document).on('keyup', '#search', function(){
var query = $(this).val();
fetch_ads_data(query);
});
});
Маршрут находится под группа маршрутов (LaraCast).
Route::get('/AdsController/action', 'AdsController@action')->name('adSearch.action');
Это функция внутри контроллера.
public function action(Request $request){
if($request->ajax()){
$query = $request->get('query');
if($query != ''){
$data = Ad::orderBy('created_at', 'desc')->where('title','like', '%'.$query.'%');
}else{
$data = Ad::orderBy('created_at', 'desc');
}
$total_ads = $data->count();
if($total_ads > 0){
foreach($data as $ad){
$output .= '
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="featured-box">
<figure>
<div class="icon">
<i class="lni-heart"></i>
</div>
<a href="#"><img class="img-fluid" alt=""></a>
</figure>
<div class="feature-content">
<div class="product">
<a href="#"><i class="lni-folder"></i> Real Estate</a>
</div>
<h4><a href="/ads/'.$ad->id.'">'.$ad->title.'</a></h4>
<span>Last Updated: '.$ad->updated_at.'</span>
<ul class="address">
<li>
<a href="#"><i class="lni-map-marker"></i> Dallas, Washington</a>
</li>
<li>
<a href="#"><i class="lni-alarm-clock"></i> '.$ad->created_at.'</a>
</li>
<li>
<a href="#"><i class="lni-user"></i> John Smith</a>
</li>
<li>
<a href="#"><i class="lni-package"></i> Used</a>
</li>
</ul>
<div class="listing-bottom">
<h3 class="price float-left"> ' .$ad->price. '</h3>
</div>
</div>
</div>
</div>
';
}
}else{
$output .= '
<p>No Ads Found</p>
';
}
$data = array(
'total_ads' => $output
);
echo json_encode($data);
}
}
Ошибка, которая продолжает появляться в консоли:
app.js:1 GET http://localhost:8000/ar/AdsController/action?query= 500
(Internal Server Error)
send @ app.js:1
ajax @ app.js:1
fetch_ads_data @ ads:312
(anonymous) @ ads:310
j @ jquery-min.js:2
fireWith @ jquery-min.js:2
ready @ jquery-min.js:2
I @ jquery-min.js:2