codex68
4 سال پیش توسط codex68 مطرح شد
20 پاسخ

لاراول اجاکس

سلام
دوستان مشابه مشکلم رو جای دیگه مطرح کردم اما اینجا سوالی می پرسم از شما دوستان.
ممنون میشم راهنمایی کنید.
احتیاج به 3 قسمت از کد دارم.
هدف : فیلتر کردن اجکس محصولات.

1- کد اجاکس که از طریق متد پست برند محصول ,حداقل قیمت و حداکثر قیمت , دسته محصول به کنترلر مورد نظر ارسال بشه
2- کد قسمت کنترلر که این 3 فیلتر رو انجام بده
3-کد قسمت ویو که چطور تمام محصولات برگشتی تو حلقه نمایش داده بشن.

دوستان فقط دقت بشه من مشکلم اینه که همه کار انجام میدم اما فقط 1 محصول بر می گرده یعنی اولین محصولی که یافت میشه بر می گرده مسئله حلقه فورایچ هم نیست تم حلقه هم هست.ممنون میشم تو این قسمت راهنمایی کنید.
متشکر از شما


ثبت پرسش جدید
سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش مطرح شد
0

شما توی حلقه داری متغییر $Filter_Products پر میکنی پس اونو بالای فورایچ خالی بنویسش و بعد اون رو ریترن کن

یکم کار دارم وگرنه بیشتر برات توضیحش میدادم و کدت رو درست میکردم 🙏


moha li
تخصص : توسعه دهنده لاراول و Vue
@mohaligateway 4 سال پیش مطرح شد
0

سلام
کد هایی که نوشتید چی هستش که یکی رو بر می گردونه
@hunt.coders1989


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
0

یک روشش اینه که: توی بک اند دیتاها رو میگیری و توی یک حلقه متغییرها رو بین کدهای html میذاری ، نتیجه ها رو توی یک متغییر جمع میکنی و رسپانس نتیجه رو برمیگردونی و تویی div با ایدی مورد نظرت append میکنی

یک روش دیگه اش نتیجه رو توی بک اند بصورت همون جیسون برگردونی و توی فرانت اند کاربر با فورایچ جاوا اسکریپت به تگ مورد نظرت append کنی

یک روش بهتر اینه که شما اگر با لاراول کد میزنی از livewire استفاده کنی خیلی خیلی عالیه


codex68
@hunt.coders1989 4 سال پیش مطرح شد
0

دوست عزیز دقیقا اینه.
این کد تابع کنترلر :
public function filterPrice(Request $request)
{
$url = url("/");
$product = DB::table('products')
->where('reg_price','>=',$_POST["minimum_price"])
->where('reg_price','<=',$_POST["maximum_price"])
->get()->toArray();
//foreach($product as $Products)

                            foreach ($product as $key => $Products)
                           {
                            $Filter_Products = '<div id="productList" class="col-lg-4 col-md-6 product_ajax">
                            <!-- start .single-product -->
                            <div class="product product--card product--card-small">
                                <div class="product__thumbnail">
                                    <a href="'.$url.'/item'.'/'.$Products->id.'/'.$Products->url.'">'.'<img src="'.$url.'/upload/products'.'/'.$Products->img_images.'" alt="Product Image"></a>'
                                    .'</div><div class="product-desc"><a href="'.$url.'/item'.'/'.$Products->id.'/'.$Products->url.'"class="product_title"><h4>'.$Products->name.'</h4><div class="ProductInfo"><i> by </i>
                                    <a class="R8zaM" href="'.$url.'/author/'.$Products->username.'" rel="nofollow"> '.$Products->username.'</a><span> in </span>'.$Products->main_cat_name.'</div></a><ul class="titlebtm">
                                    <li class="out_of_class_name"><div class="sell"><p id="allpro" class="addtocart"> <span title="Add To Cart" class="userCart__UserCartIcon-o2t5w2-0 eflcjp"><a data-id="'.$Products->id.'" href="'.$url.'/Add/Cart'.'/'.$Products->id.'">'
                                    .'<svg id="rotcart" fill="currentColor" preserveAspectRatio="xMidYMid meet" height="20px" width="20px" viewBox="0 0 16 16" style="vertical-align:middle;color:green;"><g><path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path>'
                                    .'</g></svg></a></span><div title="Total Sales"><span id="alarmcounter" class="lnr lnr-alarm">'.$Products->total_sales.'</span></div></p></div><div class="rating product--rating"><ul><li><span class="fa fa-star"></span></li><li><span class="fa fa-star"></span></li><li><span class="fa fa-star"></span></li><li><span class="fa fa-star"></span></li><li><span class="fa fa-star-half-o"></span></li></ul></div></li></ul></div>
                                    <div class="product-purchase b-t"><a class="all_products" href="#"><span class="lnr lnr-book"></span>'.$Products->main_cat_name.'</a><div title="Regular Price" class="price_love"><span>'.$Products->reg_price.'$</span></div></div></div></div>';

                           }

                           return response()->json([$Filter_Products ]);
                }

---------------------------------------- کد بالا کد تابع فیلتر قیمت هستش که تو تابع فورایچ من دارم اطلاعات رو بر می گردونم که کار می کنه اما فقط 1 مورد بر می گرده در صورتی که تو رنج قیمت معرفی شده کد تو حلقه فور ایچ $FilterProduct رو ور داریم کلا و فقط متغییر product که همون متغیری هستش که اطلاعات اجاکس به اون پاس داده میشه که حداقل حداکثر محصول هستش و اون تو دیتابیس می گرده و پیدا می کنه و تو خودش ذخیره می کنه. اگه فقط همینو بر گردون به صورت json به صورت درست اما به صورت json 4 محصول داریم بین 10 الی 15 هزار تومان.
اینم کد اجکس

<script>
$(document).ready(function(){
function filter_data()
{
$('.filter_data').html('<div id="loading" class="col-md-12" ><div id="notfound"><p class="notfound"><img src="{{url('/theme/en/main/images/loaders.gif')}}" style="height: 130px;padding-left: 38%;" alt="Loading..."></p></div></div>');
var action = 'fetch_data';
var minimum_price = $('#hidden_minimum_price').val();
var maximum_price = $('#hidden_maximum_price').val();
var winners_array = [];
var brand = get_filter('brand');
var ram = get_filter('ram');
var storage = get_filter('storage');
$.ajax({
url:"{{url('/filterprice')}}",
method:"POST",
data:{
'_token':"{{csrf_token()}}",action:action, minimum_price:minimum_price, maximum_price:maximum_price
},
success:function(data){
$('.filter_data').html(data);
}

            });
        }

</script>

کد بالا هم کدی بنده تو صفحه ویو هستش که اطلاعات رو از یک رنج اسلایدر می گیره شامل حداقل و حداکثر قیمت و سپس به کنترلر مورد نظر می فرسته سپس اطلاعات بازگشتی رو بین کلاس مورد نظر چاپ می کنه ولی فقط 1 دونه چاپ میشه البته کنترلر 1 دونه می فرسته با کد من اما 4 محصول تو رنج هستش توضیح دادم البته اگه کدم رو ادیت کنم و json بفرستم اطلاعات json شامل 4 محصول هستش اما اگه به صورت json بفرستم نمی دونم چطور json رو باید تو ویو نمایش بدم به صورت حلقه ای و تو ویو مورد نظرم . البته به صورت اجاکس بدون رفرش صفحه.


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش مطرح شد
0

پیشنهاد نمیکنم از فورایچ جاوا اسکریپت توی فرانت استفاده کنی چون گاها خطاهای عجیب و غریبی میده!

کدهای که گذاشتی رو چون بهم ریخته س دقیقا متوجه نشدم


codex68
@hunt.coders1989 4 سال پیش مطرح شد
codex68
@hunt.coders1989 4 سال پیش آپدیت شد
0

یک روشش اینه که: توی بک اند دیتاها رو میگیری و توی یک حلقه متغییرها رو بین کدهای html میذاری ، نتیجه ها رو توی یک متغییر جمع میکنی و رسپانس نتیجه رو برمیگردونی و تویی div با ایدی مورد نظرت append میکنی

دوست عزیز دقیقا کد بنده رو ببینید همینکار رو کردم
تو حلقه فورایج تو کنترلر کد های اچ تی ام ال رو گذاشتم و بینشون متغییر رو فراخوانی کردم. درست هم هستش اما فقط 1 مورد بر می گرده اولین مردی که پیدا شده.

دقیقا منظور شما و کد بنده

public function filterPrice(Request $request)
                    {
                               $url = url("/");
                               $product = DB::table('products')
                               ->where('reg_price','>=',$_POST["minimum_price"])
                               ->where('reg_price','<=',$_POST["maximum_price"])
                               ->get()->toArray();
                                //foreach($product as $Products)

                                foreach ($product as $key => $Products)
                               {
                                  $Filter_Products = '<div id="productList" class="col-lg-4 col-md-6 product_ajax">'.$Products->name.'</div>'
                               }

                               return response()->json([$product]);
                    }

اما فقط 1 مورد بر می گرده در صورتی که تو حلقه بدون اینکه کدهای اچ تی ام ال رو بذارم 4 مورد مثلا بین رنج قیمتی که می دم وجود داره و بر می گرده اما تو حلقه با کد های اچ تی ام ال فقط 1 محصول بر می گرده.


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش مطرح شد
0

احتمال میدم توی کوئری زدن مشکل دارید یک dd بگیر یا از کوئری ساده تری استفاده بکن ببین نتیجه رو


codex68
@hunt.coders1989 4 سال پیش مطرح شد
0

نه اصلاتو کوری زدن مشکل نیست توضیح دادم کوری من بدون کد های اچ تی ام ال داره درست کار می کنه و تو رنج قیمتی دقیقا 4 محصول رو بر می گردونه و چاپ می کنه .


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
0

جایی که داری به متغییر نتایج رو میدی، اولش اینه که شما بیرون فورایچ باید متغییر رو تعریف کنی بعدش توی حلقه نتایج رو پشت سرهم توی متغییر اضاف کنی با گذاشتن .=


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
0

اینجوری

$Filter_Products = '';
foreach ($product as $key => $Products)
{
    $Filter_Products .= '<div id="productList" class="col-lg-4 col-md-6 product_ajax">'.$product->name.'</div>'
}

سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش مطرح شد
0

و یک چیز دیگه اضاف کنم این کار اگر عکس هم توش باشه اصلا توصیه نمیشه !
چرا چون هم سمت بک اند اگر داده ها زیاد باشن رم و سی پیو رو درگیر میکنه و هم سمت مرورگر کاربر رم سیستمش رو درگیر میکنه


codex68
@hunt.coders1989 4 سال پیش مطرح شد
0

متشکر اما شما اومدی .= رو ابتدا گذاشتی فقط که خطای سینتکس میده .


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش مطرح شد
0

خطای سینتکس میده؟! اسکرین بده


codex68
@hunt.coders1989 4 سال پیش مطرح شد
0

بفرماییدتوضیح تصویر رو وارد کنید


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
0

متغییری که داری با دادهات پرش میکنی رو قبل از فورایچ یا بالاترش تعریف کردی؟


codex68
@hunt.coders1989 4 سال پیش مطرح شد
0

یه متغییر داریم $product که تو اون کوری زدم اطلاعات رو از دیتابیس بکشه بیرون
بعدش فور ایچ زدم و تو فور ایچ یه متغیر جدید که تعریف تازه شده رو گذاشتم و توی اون کد های اچ تی ام ال و متغیر اصلی که تو فور ایچ تعریف کردم رو قرار دادم دقیقا کد من اینه.

          public function filterPrice(Request $request)
                    {
                               $url = url("/");
                               $product = DB::table('products')
                               ->where('reg_price','>=',2)
                               ->where('reg_price','<=',9999999)
                               ->get()->toArray();
                                foreach ($product as $key => $Products)
                               {
                                $Filter_Products = '<div id="productList" class="col-lg-4 col-md-6 product_ajax">
                                <!-- start .single-product -->
                                <div class="product product--card product--card-small">
                                    <div class="product__thumbnail">
                                        <a href="'.$url.'/item'.'/'.$Products->id.'/'.$Products->url.'">'.'<img src="'.$url.'/upload/products'.'/'.$Products->img_images.'" alt="Product Image"></a>'
                                        .'</div><div class="product-desc"><a href="'.$url.'/item'.'/'.$Products->id.'/'.$Products->url.'"class="product_title"><h4>'.$Products->name.'</h4><div class="ProductInfo"><i> by </i>
                                        <a class="R8zaM" href="'.$url.'/author/'.$Products->username.'" rel="nofollow"> '.$Products->username.'</a><span> in </span>'.$Products->main_cat_name.'</div></a><ul class="titlebtm">
                                        <li class="out_of_class_name"><div class="sell"><p id="allpro" class="addtocart"> <span title="Add To Cart" class="userCart__UserCartIcon-o2t5w2-0 eflcjp"><a data-id="'.$Products->id.'" href="'.$url.'/Add/Cart'.'/'.$Products->id.'">'
                                        .'<svg id="rotcart" fill="currentColor" preserveAspectRatio="xMidYMid meet" height="20px" width="20px" viewBox="0 0 16 16" style="vertical-align:middle;color:green;"><g><path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path>'
                                        .'</g></svg></a></span><div title="Total Sales"><span id="alarmcounter" class="lnr lnr-alarm">'.$Products->total_sales.'</span></div></p></div><div class="rating product--rating"><ul><li><span class="fa fa-star"></span></li><li><span class="fa fa-star"></span></li><li><span class="fa fa-star"></span></li><li><span class="fa fa-star"></span></li><li><span class="fa fa-star-half-o"></span></li></ul></div></li></ul></div>
                                        <div class="product-purchase b-t"><a class="all_products" href="#"><span class="lnr lnr-book"></span>'.$Products->main_cat_name.'</a><div title="Regular Price" class="price_love"><span>'.$Products->reg_price.'$</span></div></div></div></div>';

                               }

return response()->json([$product]);
                    }

سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش مطرح شد
0

یکبار کدهای که گذاشتم بالا با .= ببین
منظورم متغییر $Filter_Products


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش مطرح شد
0

شما توی حلقه داری متغییر $Filter_Products پر میکنی پس اونو بالای فورایچ خالی بنویسش و بعد اون رو ریترن کن

یکم کار دارم وگرنه بیشتر برات توضیحش میدادم و کدت رو درست میکردم 🙏


codex68
@hunt.coders1989 4 سال پیش مطرح شد
0

فدات شم عزیز درست شد .ممنون عزیز روش اصولی تر اگه فرصت کردید ممنون میشم روش اصولی که میزان مصرف منابع بهینه باشه رو معرفی کنید.


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
0

خواهش میکنم
اگر اطلاعات زیادی داری باید از lazy loading یا صفحه بندی استفاده کنی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام