• تلفن: ۰۳۴۳۴۲۵۴۱۶۷
  • ۰۹۱۳۸۶۳۰۳۴۱

آموزش جی کوئری – قسمت ششم

  • بدون دیدگاه
  • ۱۶۲ بازدید

سلام دوستان

تو این قسمت از آموزش کار با فرم ها در جی کوئری رو بهتون یاد میدم. همون طور که می دونید برای ارسال اطلاعات بین صفحات و داخل صفحات در PHP از فرم ها استفاده میشه. یه فرم می تونه شامل موارد زیر باشه:

  • کادر متنی
  • کادر پیغام
  • دکمه رایویی
  • چک باکس
  • لیست کشویی
  • دکمه
  • دکمه انتخاب فایل
  • و …

فرم ها با دستورات HTML ساخته میشن و با دستورات PHP اطلاعات اون ها پردازش میشه. تصویر زیر یه نمونه فرم HTML ساده رو نشون میده:

html-form (2)
html-form (2)

صفحه action در فرم

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

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

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

متد ارسال اطلاعات فرم

۲ روش مرسوم برای ارسال اطلاعات فرم ها وجود داره. یکیش POST و اون یکی GET.

در متد POST اطلاعات از طریق http headers ارسال می شوند بنابراین ارسال داده ها با http امنیت بیشتری داره. این متد محدودیتی نیز در ارسال اطلاعات ندارد.

در متد GET اطلاعات کاربر از طریق URL منتقل می شه و اگه هر فرمی رو ثبت کنید، کاربر می تونه اطلاعات ارسالی رو داخل URL بالای صفحه مشاهده کنه و این اصلا امن نیست و اینکه با متد Get شما می تونید فقط ۱۰۲۴ کاراکتر انتقال بدین. اما خب این متد کاربردهای خاص خودش رو هم داره. زمانی که شما می خواید با کلیک کاربر روی یک لینک خاص یه سری اطلاعات رو منتقل کنید این متد به شما کمک می کنه.

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

AJAX چیست؟

ارسال اطلاعات با PHP یه مشکلی داره اونم اینه که بعد از زدن دکمه، صفحه یه بار رفرش میشه. ولی اگه با JQuery اطلاعات رو ارسال کنیم دیگه صفحه رفرش نمیشه. به این روش AJAX گفته میشه.

این روش به شکل کار می کنه که اول میایم به عناصر داخل فرم یک ID میدیم. تا بتونیم مقادیر داخل اون ها رو بخونیم.

بعد با دستور زیر میام و به صفحه مورد نظر با متدی که می خوایم ارسالشون می کنیم. دقت کنید اگه بخوایم با POST بفرستیم از $.POST و اگه بخوایم با GET بفرستیم از $.GET استفاده می کنیم:

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

پارامتر دوم لیست متغیرهایی هست که می خوایم ارسال کنیم. اول اومدیم با جی کوئری مقادیر رو دریافت کردیم و داخل متغیر ریختیم. بعد اینجا اومدیم و اون ها رو ارسال کردیم. دقت کنید مقدار سمت راست ریخته میشه تو مقدار سمت چپ و ارسال میشه. داخل صفحه ACTION ما مقدار سمت چپ رو دریافت می کنیم.

و نهایتا تابع CALLBACK که مقدار نتیجه رو از صفحه ACTION برای ما بر می گردونه. ما نتیجه صفحه ACTION رو توسط متغیر DATA دریافت می کنیم و بعدش اومدیم داخل یه DIV با آیدی result نمایش دادیم.

کدهای صفحه ACTION

الان شما داخل صفحه ACTION تونستید متغیرهای ارسالی رو دریافت کنید. با این متغیرها هر کاری که خواستید انجام میدید. مثلا اطلاعات رو داخل دیتابیس ثبت می کنید یا توی فایل می نویسید. هر دستوری که بخواید. و بعدش من اومدم مقدار yes رو برگردوندم.

داخل صفحه اصلی جی کوئری مقدار yes رو می گیره و همون طور که گفته بودیم داخل آیدی result نمایش میده. دقت کنید اگه متد ارسالی شما GET بود داخل صفحه ACTION هم باید با $_GET اون ها رو دریافت کنید.

امیدوارم از این آموزش هم لذت برده باشید.

سوالات خودتون رو از بخش نظرات می تونید بپرسید.

mahdavi1456
منشتر شده در ۱۳۹۷/۰۴/۲۹
۱۶۲
آموزش JQuery, آموزش برنامه نویسی

شما هم می توانید دیدگاه خود را ثبت کنید

ورود به حساب کاربری

بازیابی رمز عبور

ایجاد حساب کاربری جدید