Показать поисковое фото, используя ajax и laravel - PullRequest
0 голосов
/ 16 марта 2020

Я хочу отображать информацию о продукте и фотографию после поиска. Так что я напечатал, но для фото. Это мой код Просто отметим, что у меня есть две таблицы в базе данных, одна для продуктов, а другая для фотографий

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)
                })
            }
        })
    })
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...