آموزش ارسال اطلاعات Form با Ajax و jQuery

استفاده از فناوری Ajax در ارسال و دریافت اطلاعات، مزایای زیادی دارد. در این نوشته دو روش برای ارسال اطلاعات فرم به سرور معرفی می‌نماییم. در روش اول، کدهای لازم برای تبدیل یک فرم معمولی به یک فرم Ajax را مشاهده می‌نمایید. توجه کنید که این قطعه کد با استانداردهای jQuery 3 نوشته شده است و اگر از نگارش‌های قدیمی‌تر این کتابخانه استفاده می‌کنید، لازم است تا آن را به روز نمایید.

Ajax

در بخش اول این کد یک فرم ساده قرار گرفته است. در ادامه نیز کدهای لازم برای تبدیل این فرم به حالت Ajax نوشته شده است.

نکته‌ی دیگر اینکه این روش برای آپلود فایل Ajax محدودیت دارد و اگر در فرم شما فیلدهای فایل موجود هستند، لازم است تا از روش دوم که پایین‌تر شرح داده شده استفاده نمایید.

آخرین نکته اینکه، این کد بدون توجه به method تعریف شده در فرم، اطلاعات را با روش post به سرور ارسال می‌کند. در صورت تمایل لازم است تا تغییراتی جزئی در کدها انجام دهید.

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

روش دوم: با استفاده از افزونه jQuery Form

این کتابخانه ابزاری کامل و بهینه برای تبدیل فرم‌های HTML به فرم‌های Ajax است. تمامی فعالیت‌های لازم برای این کار در این افزونه انجام می‌شود و همچنین تنظیمات متعددی نیز برای سفارشی‌سازی فرآیندهای مختلف در اختیار شما قرار می‌گیرد.

برای آشنایی بیشتر با افزونه jQuery Form و دانلود و استفاده از آن، اینجا کلیک کنید.


مشاهده‌ی تمامی نوشته‌ها در گروه: برنامه نویسی, جاوااسکریپت, جی کوئری. ‏ فهرست برچسب‌ها: , , , , , .

پاسخ دهید

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