Я хочу отображать информацию о продукте и фотографию после поиска. Так что я напечатал, но для фото. Это мой код Просто отметим, что у меня есть две таблицы в базе данных, одна для продуктов, а другая для фотографий
Controller
function searchproducts(Request $search){
$filter = ProductModel::where('Product_Name','LIKE', $search->inpvalue.'%')->get();
return response()->json($filter->toArray());
}
Ajax
$('.gotosearch').on('click' , function(){
var search = $(this).val()
var inpvalue = $('.form-control').val()
$.ajax({
url:'/searchproducts',
type:'post',
data:{
inpvalue,
"_token":token
},
success:function(r){
r.forEach(function(item){
console.log(item)
$('.product-22').append(`<figure class="product-media">
<span class="product-label label-circle label-top">Top</span>
<a href="product.html" class='searchimg'> </a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span>add to wishlist</span></a>
</div>
<div class="product-action product-action-dark">
<a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
<a href="popup/quickView.html" class="btn-product btn-quickview" title="Quick view"><span>quick view</span></a</div></figure>
<div class="product-body searchprodbody">
<div class="product-cat"><a href="#"></a></div><h3 class="product-title jsonprod"><a href="product.html">${item.Product_Name}</a></h3>
<div class="product-price prprice2">$<span>${item.Price}</span>
</div>
<div class="ratings-container">
<div class="ratings">
<div class="ratings-val" style="width: 100%;"></div>
</div>
<span class="ratings-text">( 4 Reviews )</span>
</div>
</div>`)console.log(item)
})
}
})
})