اگر علاقه مند به همکاری در نت پارادیس جهت نویسندگی، ویراستاری و ترجمه مطالب هستی پس روی دکمه مقابل کلیک کن

علاقه به همکاری دارم

طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

ساخت سبد خرید با php و ajax


ساخت سبد خرید با php و ajax

در این آموزش , قصد داریم به شما نحوه ساخت سبد خرید با php و جی کویری (jQuery) به صورت ajax نشان بدیم . در آموزش قبلی نحوه ساخت سبد خرید با php را بدون jquery یا ajax را دیدیم .

در مثال سبد خرید , می تواینم یک محصول را بدون لود دوباره صفحه به سبد خرید اضافه کنیم و بعد با استفاده از jquery وضعیت محصول را به added یا اضافه شده تغییر می دهیم . مثل تصویر زیر که میبنید محصول به سبد خرید اضافه شده و دکمه مورد نظر به added تغییر یافته است .

ساخت سبد خرید با php و ajax

لیست محصولات

در کد php زیر ما به دیتابیس متصل می شویم و لیست محصولات را fetch کرده و در صفحه نمایش می دهیم . همچنین برای هر یک از دکمه های افزودن به سبد خرید یک رویداد onclick برای اجرای تابع cartAction ارسال درخواست اجکس تعریف کردیم

برای کپی صحیح و کامل کدها ، دابل کلیک کرده تا وارد محیط سفید و کپی شوید در غیر اینصورت امکان دارد اجرای کدها با مشکل روبرو شود

عملیات ajax با جی کویری

در اسکریپت زیر ما یک درخواست ajax را به صفحه ajax_action.php برای تغییر وضعیت محصول به added ارسال می کنیم و همچنین یک سیشن برای ذخیره محصول مورد نظر در سبد خرید کاربر می سازیم .

حتما بخوانید  نمایش سریع محصولات همانند آمازون با php و ajax

 

بعد از انجام عملیات ajax برای ساخت سبد خرید , محصول مورد نظر به سبد خرید کاربر اضافه می شود .

ساخت سبد خرید با php و ajax

کد ساخت سبد خرید با php (فایل ajax_action.php)

این کد زمانی که درخواست ajax با جی کویری ارسال می شود , اجرا خواهد شد .

ساخت سبد خرید با php و ajax بسیار ساده و جذاب می باشد . و باعث می شود کاربر بسیار سریع و راحت سبد خرید خود را مدیریت کند و این موضوع تو بحث ux مهم و کاربردی است .

حتما بخوانید  استفاده از invisible reCAPTCHA در php (ریکپچای نامرئی گوگل)

امیدوارم از این آموزش نهایت استفاده رو برده باشید و در پروژه هایی که می نویسید استفاده کنید

کلاس ها , عکس , دیتابیس و تمام فایل های استفاده شده در این آموزش را برای دانلود قرار دادیم تا اگر آموزش قبلی را دنبال نکردید به راحتی بتوانید از سورس کد استفاده کنید

برای دانلود سورس کد ساخت سبد خرید با php و ajax از قسمت زیر اقدام کنید

هر سوالی داشتید ، از قسمت نظرات اقدام کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

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

دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

سورس فروشگاهی دیجی کالا

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما

logo-samandehi

دانلود کتاب

عضویت رایگان خبرنامه