如何解决Ajax 搜索栏不适用于 Laravel 8
我试图在我的 Laravel 项目中使用 ajax 为我的供应商添加一个搜索栏,我在前台的产品搜索栏中使用它时遇到了问题,所以我尝试在后台执行相同的步骤但它似乎不起作用,没有显示错误,所以我不知道出了什么问题,请帮助我 这是我的脚本
<script>
$(document).ready(function(){
fetch_customer_data();
function fetch_customer_data(query = '')
{
$.ajax({
url:"{{ route('fournisseurSearch') }}",method:'GET',data: {query: query},dataType:'json',success: function(data) {
if (data.success) {
$('#result').html(data.html);
} else {
alert(data.message);
}
}
})
}
$(document).on('keyup','#keyword',function($e){ // define event parameter
var query = $(this).val();
fetch_customer_data(query);
$e.preventDefault();
});
});
</script>
这是我的输入
<input type="text" placeholder="Cherchez ici..." class="form-control" id="keyword" name="keyword" >
这是我的控制器
try{
if($request->ajax()) {
$query = $request->get('query');
if(empty($query)) {
return back()->withError('Aucun resultat trouvée');
}
else {
$f = Fournisseur::where('nomSociete','LIKE','%'.$query.'%')
->orWhere('activite','%'.$query.'%')
->orWhere('adresse','%'.$query.'%')
->get();
}
$total = $f->count();
$html = view('back.fournisseurs.search_result',[
'fournisseurs' => $f,])->render();
return response()->json([
'success' => true,'html' => $html,'total' => $total,],200);
} else {
return response()->json([
'success' => false,'message' => "Something went wrong!",403);
}
}catch (Exception $e) {
// Something else happened,completely unrelated to Stripe
Alert::error('Erreur ',$e->getMessage())->autoClose(false);
return redirect()->back();
}catch (Error $e) {
// Something else happened,$e->getMessage())->autoClose(false);
return redirect()->back();
}
and my route
route::get('fournisseurs/search','FournisseurController@search')->name('fournisseurSearch');
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。