کار با فیلترها از طریق چک باکس و سلکت باکس

سلام
خب اگه این کار رو به دو بخش یکی بک اند و یکی هم فرانت اند تقسیمش کنیم در فرانت شما باید وقتی یکی از این گزینه ها تغییر کرد مقادیر همه ی فیلترهای موجود رو به صورت یه درخواست ajax سمت سرور بفرستین ، بعدا بک اند باید این مقادیر رو گرفته و بر اساس مقادیر که دارین query مناسب رو جهت فیلتر کردن اجرا کنیدو نتیجه رو به صورت json یا html برگشت بدین، که اینم بستگی داره که این ویژگی ها را به چه صورت پیاده سازی کردین

سمت کاربر که با جی کوعری تععین میکنی وقتی روی هرکدوم از اینا کلیک شد اگه دیتایی دارن اون دیتا رو بگیره بعد با ایجکس اون رو به یه متد تو بکند میفرستی اونجا خونه هات رو بر اساس دیتایی که از چک باکس دریافت کردی فیلتر میکنی و دیتای فیلتر شده رو بر میگردونی و به کاربر نمایش میدی ...

خیلی ممنون از توضیحاتتون. منتها این یه کاریه که خودم برای آشنایی بیشتر برای خودم تعریف کردم و نمیخوام از بک اند یا پایگاه داده ای در کنارش استفاده کنم فقط قراره سمت کاربر باشه. من برای فیلترها مثالی که خیلی به خواستم نزدیکه رو پیدا کردم اما از اونجایی که تفاوت هایی داره نمیتونم دقیق ازش برای کارم استفاده کنم آخه یکم تازه کارم و در حال یادگیری هستم. میتونید لطف کنید با توجه به اینکه قراره سمت کاربر باشه مثالی رو برام بیارید یا توضیح بیشتری بهم بدید در ضمن نمیخوام از ajax استفاده کنم برای کارم. آیا اینجوری خواستم قابل انجام هستش ؟ یا اگه امکان داره و راحت تره میتونم کدهام رو با توجه به مثالی که پیدا کردم اینجا بزارم تا بهم کمک کنید و تکمیل کنید تا کار کنه فیترها ؟ ممنون...

سلام
واسه سمت کاربر فقط میتونید این کار رو انجام بدین ،بدین صورت که ویژگی های هر آیتم رو داخل یک یا چند attribute html قرار بدین و وقتی یک گزینه تغییر کرد مقادیر رو دریافت کنید و داخل لیست آیتم هاتون اونایی که این ویژگی هارو ندارن hide کنید، این منطق کلیش هست این لینک میتونه بهتون کمک کنه
https://codepen.io/mdcrtv/pen/GqwAJ
همچنین library هایی واسه این کار وجود داره https://isotope.metafizzy.co میتونید استفاده یا الگو بگیرید

میتونید با جی کوئری و جاوا اسکریپت با رویداد onchange این کار رو انجام بدید

سلام بهتر اینه که یه فانکش در جی کوئری بنویسید و با رویداد های onchange فقط این فانکشن رو فراخوانی کنید، درون این function همه مقادیر فیلترها رو دریافت کنید، ( میتونید اونهایی که نال هستن رو مد نظر قرار ندید و حتما برای انتخاب فیلترهای گزینه نال و خالی رو بزارید)، بعد با استفاده از این مقادیر که دریافت شد حالا با استفاده از ajax اون رو از بک اند دریافت کنید یا اینکه از محتوای استاتیکی که دارید چک کنید مقادیر فیلتر ها برابر هستن یا نه و بعد اونها رو پاس بدید به قسمتی که میخواهید نمایش بدید، بهتره یه لودینگ هم اول فانکشن بزارید که وقتی کوچکترین عملیاتی اجرا میشه از لحاظ بصری به کاربر حس درستی رو القا کنه.

اطلاعات رو نمیشه همه رو بیاری تویی همون صفحه بهترینش رو دوستان اشاره کردن باید درخواست AJAX بدین با هر تغییری و اطلاعات رو بصورت جیسون یا HTML بگیری و به صفحه ات اضاف یا کم کنی.