50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

ساخت سبد خرید با 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 ارسال می کنیم و همچنین یک سیشن برای ذخیره محصول مورد نظر در سبد خرید کاربر می سازیم .

 

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

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

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

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

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

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

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

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

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

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

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

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران (۲)

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

  1. مهدی ۵ آبان ۱۳۹۸

    سلام وقت بخیر مهندس جان اول از همه باید تشکر کنم بخاطر تمامی آموزش ها.موقع import کردن sql خطای Error

    Static analysis:

    ۶ errors were found during analysis.

    Unexpected beginning of statement. (near “id” at position 291)
    Unexpected beginning of statement. (near “name” at position 297)
    Unexpected beginning of statement. (near “code” at position 305)
    Unexpected beginning of statement. (near “image” at position 313)
    Unexpected beginning of statement. (near “price” at position 322)
    Unrecognized statement type. (near “VALUES” at position 331)

    SQL query:

    CREATE TABLE IF NOT EXISTS tblproduct ( id int(8) NOT NULL AUTO_INCREMENT, name varchar(255) NOT NULL, code varchar(255) NOT NULL, image text NOT NULL, price double(10,2) NOT NULL, PRIMARY KEY (id), UNIQUE KEY product_code (code) ) INSERT INTO tblproduct (id, name, code, image, price) VALUES (1, ‘3D Camera’, ‘3DcAM01’, ‘product-images/camera.jpg’, 1500.00), (2, ‘External Hard Drive’, ‘USB02’, ‘product-images/external-hard-drive.jpg’, 800.00), (3, ‘Wrist Watch’, ‘wristWear03’, ‘product-images/watch.jpg’, 300.00) میده
    ممنون میشمراهنمایی کنید.

    پاسخ
    1. حسن شفیعی ۸ آبان ۱۳۹۸

      سلام. ممنون. خوشحالیم که مفید واقع شده.
      ابتدا باید از قبل یک دیتابیس داشته باشید و بعد انتخاب آن دیتابیس این فایل sql رو که در واقع دو تا کویری ساخت جدول و اینسرت داده ها است رو ایمپورت کنید.
      خود فایل sql بازم ویرایش داده شد از اول از باکس دانلود دریافت و وارد دیتابیس خود در phpmyadmin شوید و فایل sql را ایمپورت کنید
      موفق باشید.

      پاسخ
دوره های آموزشی

دانلود رایگان کتاب آموزش PHP

صفر تا صد PHP و MySQL را یکجا یاد بگیرید
همین الان دانلود کن
نگران نباشید. ایمیل‌های مزاحم نمی‌فرستیم
close-link