نمایش پیام AJAX با jQuery


نمایش پیام AJAX با jQuery

در این آموزش, نحوه نمایش پیام موفقیت آمیز را بصورت fade توسط جی کوئری را خواهیم دید. بعد از ارسال فرم بصورت AJAX , ما پاسخ را بصورت Fade نمایش می دهیم.

قبلا افکت fade در جی کوئری را با استفاده از رویداد mouse-over بر روی المنت HTML را دیدم.

در این مثال ما یک فرم HTML با دو فیلد ضروری را داریم. کد AJAX فرم را اعتبارسنجی و مقادیر ورودی را به PHP ارسال می کند. اسکریپت PHP بر اساس درخواست AJAX یک پاسخ موفقیت آمیز را برگشت می دهد. این پیام بصورت افکت fade in/out با استفاده از jQuery نمایش داده می شود.

نمایش پیام AJAX با jQuery

کد HTML فرم

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

نمایش پیام AJAX با jQuery

یک اسکریپت برای سابمیت فرم HTML توسط AJAX را داریم. این اسکریپت از ارسال مقادیر پیش فرض و خالی به فایل php جلوگیری می کند و AJAX را برای دریافت ورودی ها از فیلد فرم, فراخوانی می کند.

حتما بخوانید  انتخاب تاریخ شمسی در jQuery

این ورودی ها اعتبارسنجی و بعد به سمت سرور پاس داده می شوند.

اگر فایل PHP سمت-سرور این ورودی ها را دریافت کند, پس یک پاسخ را fade in می کند. و سپس, این متن پیام بعد از گذشت چندی از ثانیه توسط setTimeOut() مخفی می شود.

ما از متد های افکت fade در جی کوئری برای نمایش پیام AJAX استفاده کردیم.

 

امیدوارم از آموزش نمایش پیام AJAX با jQuery نهایت استفاده را برده باشید .

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

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

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

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

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

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

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



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

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

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

بخش کاربران

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

مجوزهای ما

logo-enamd
logo-samandehi

دانلود کتاب

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