سبد خرید با آجاکس در PHP

shop_card

رفقا این جلسه قصد داریم یه سبد خرید ساده باهم بسازیم ، خب شروع کنیم :

تو این آموزش ما سه تا فایل داریم :

  • یک فایل css برای عناصر
  • یک فایل index.php برای انتخاب و نشون دادن محصولات
  • یک فایل store_items.php برای ذخیره محصولات در سبد و …

اولین گام اینه که یک فایل با نام index.php درست کنید و کدهای زیر رو داخلش کپی کنید :

تو کد بالا ما ۶ تا محصول برای مثال ساختیم که بستگی به خود شما داره و میتونین کم یا زیادش کنید ، دوتا تابع هم برای اضافه کردن محصول و نمایش تمام محصولات وقتی که کاربر کلیلک کرد نوشتیم .

اولین تابع cart(id) وقتی کاربر روی یکی از محصولات کلیک کرد id اون محصول رو میگیره بعد یه درخواست آجاکس درست میکنه و سپس محصول برای ذخیره کردن به store_items.php میفرسته .

دومین تایع یعنی show_cart() وقتی کاربر روی عکس سبد کلیک کرد اجرا میشه و یه درخواست ajax به صفحه store_items.php میفرسته و تمام محصولاتی رو که کاربر به سبد اضافه کرده میگیره و نشون میده .

همچنین یه درخواست اجاکس هم بعد بارگذاری کامل صفحه نوشتیم تا محصولات انتخابی کاربر رو و تعدادشون رو نشون بده ، برای مثال اگه صفحه بسته شد و کاربر دوباره خواست صفحه رو باز کنه با بارگذاری کامل صفحه لیست تمام محصولات رو نمایش میده .

دومین قدم اینه که یک فایل به نام store_items.php درست کنید برای ذخیره کردن محصولات و…. و کدهای زیر رو داخلش کپی کنید :

تو کد بالا ما سه تا دستور شرطی و isset داریم که برای ذخیره و فرستادن اطلاعات به درخواست آجاکس استفاده میشوند :

  • اولی برای شمارش تعداد محصولات .
  • دومی برای ذخیره داده ها در session ، دقت کنید که می تونید از کوکی یا پایگاه داده برای ذخیره استفاده کنید اما session بهترین گزینه است .
  • سومی هم برای نمایش تمام محصولات وقتی که کاربر روی گزینه سبد کلیک کرد .

خب حالا از طریق css یکم رنگ و لعاب بدیم :

این کدها رو تو cart_style.css کپی کنید :

امیدوارم خوشتون اومده باشه !

برای دانلود سورس کلیک کنید

5 thoughts on “سبد خرید با آجاکس در PHP

  1. من میخوام وقتی یکی روی یکی از کالا کلیک کرد اون عکس کالا بیاد تو سبدش و سبد کالا داینامیک باشه
    و وقتی تو سبد کالا رو ارسال کلیک کرد اطلاعات کالاها بیاد تو دیتابیسم

    • سلام و درود . دوست عزیز متاسفانه به علت مشغله کاری یکم مشغولم اما بهتون قول میدم در اولین وقت که وقت آزاد داشته باشم حتما براتون امورش ساخت یه سبد کالای خوب میزارم یاعلی

دیدگاه‌تان را بنویسید:

20 − 9 =