AJAX تکنیک توسعه وب برای ایجاد برنامه های کاربردی وب تعاملی است. اگر شما می دانید جاوا اسکریپت، HTML، CSS، و XML، پس فقط باید یک ساعت برای شروع با AJAX صرف کنید.
استفاده کنندگان این دوره
این آموزش برای توسعه دهندگان وب مفید است که می خواهند بدانند چگونه صفحات وب تعاملی ایجاد کنند و همچنین سرعت و قابلیت استفاده آنها را با استفاده از AJAX افزایش دهند.
پیش نیازها
توصیه می شود قبل از تلاش برای این آموزش، با HTML و JavaScript آشنا شوید.
AJAX چیست؟
AJAX مخفف جاوا اسکریپت غیرهمزمان و XML است. AJAX یک تکنیک جدید برای ایجاد برنامه های کاربردی بهتر، سریعتر و تعاملی با کمک XML، HTML، CSS و جاوا اسکریپت است.
- تکنولوژی AJAX از XHTML برای محتوا، CSS برای ارائه، همراه با مدل اشیای سند و جاوا اسکریپت برای صفحه نمایش محتوای پویا استفاده می کند.
- برنامه های کاربردی وب معمولی، اطلاعات را از طریق درخواست های همگام به صورت صریح انتقال می دهند. این بدان معنی است که شما یک فرم را پر کنید، آنرا ارسال کنید و به یک صفحه جدید با اطلاعات جدید از سرور هدایت شوید.
- با استفاده از AJAX، هنگامی که روی دکمه ارسال کلیک کنید، جاوا اسکریپت یک درخواست برای سرور ایجاد می کند، نتایج را تفسیر و صفحه فعلی را به روز می کند. در حقیقت، کاربر هرگز متوجه نمی شود حتی چیزی به سرور منتقل شده است.
- زبان XML معمولا به عنوان فرمت برای دریافت اطلاعات سرور استفاده می شود، هر چند هر فرمت، از جمله متن ساده، می تواند مورد استفاده قرار گیرد.
- تکنولوژی AJAX یک فناوری مرورگر وب است که مستقل از نرم افزار وب سرور است.
- یک کاربر می تواند همچنان از صفحه استفاده کند، در حالی که برنامه سرویس گیرنده درخواست اطلاعات از سرور را در پس زمینه دارد.
- تعامل بصری و طبیعی کاربر. خیلی از اوقات کلیک ماوس نیاز نیست بلکه با حرکت ماوس درخواست می تواند به سرور فرستاده شود.
- استفاده از AJAX یک روش داده-گرا است بر خلاف روش های معمول که صفحه-گرا هستند.
فناوری پیشرفته اینترنت
AJAX غنی ترین فناوری کاربردی اینترنت و در حال تبدیل شدن به صنعت بسیار مهمی است و چندین چارچوب ابزار و چارچوب در حال شکل گیری است. اما در عین حال، AJAX دارای ناسازگاری مرورگر است و توسط جاوا اسکریپت پشتیبانی می شود که سخت نگهداری و اشکال زدایی آن است.
AJAX بر اساس استانداردهای باز است
AJAX بر اساس استانداردهای باز شده زیر است :
- ارائه مبتنی بر مرورگر با استفاده از HTML و Cascading Style Sheets (CSS).
- داده ها در قالب XML ذخیره می شوند و از سرور دریافت می شوند.
- داده های پشت صحنه با استفاده از اشیاء XMLHttpRequest در مرورگر به دست می آیند.
تکنولوژی های AJAX
AJAX نمی تواند مستقل کار کند. این است که در ترکیب با فن آوری های دیگر برای ایجاد صفحات وب تعاملی استفاده می شود.
JavaScript
- یک زبان برنامه نویسی رایگان است.
- عملکرد جاوا اسکریپت هنگامی رخ می دهد که رویداد در یک صفحه رخ می دهد.
- بصورت چسبی برای کل AJAX عمل می کند.
DOM
CSS
اجازه می دهد تا برای جدایی روشن از سبک ارائه از محتوا و ممکن است برنامه نویسی توسط جاوا اسکریپت تغییر کند
XMLHttpRequest
شیء جاوا اسکریپت که تعامل غیرهمزمان با سرور را انجام می دهد.
مثال هایی از AJAX
در ادامه لیستی از برخی از برنامه های معروف وب که از AJAX استفاده می کنند را می بینید:
نقشه های گوگل
یک کاربر می تواند کل نقشه را با استفاده از ماوس بجای کلیک کردن بر روی یک دکمه درگ کند.
پیشنهادات گوگل
همانطور که شما تایپ می کنید، Google پیشنهادات را ارائه می دهد. برای حرکت به نتایج از کلیدهای جهت دار استفاده کنید.
https://www.google.com/webhp؟complete=1&hl=en
جیمیل
Gmail وب سایتی است که بر اساس ایده است که ایمیل ها میتوانند بصری، کارآمد و مفید باشند.
تفاوت بین برنامه AJAX و CGI متعارف
اگر برای دریافت اطلاعاتی در صفحه از AJAX استفاده شود، در حالی که در حال استفاده از صفحه هستند و صفحه را مرور می کنید بصورت مخفیانه درخواست به سرور ارسال شده و نتایج برگشتی در صفحه نمایان شده و ممکن است بخشی از صفحه تغییر کند ، در حالی که اگر از روش معمولی استفاده شود، برای هر درخواست باید بصورت واضح درخواست به سرور فرستاده شده و منتظر بارگذاری مجدد صفحه و نمایش اطلاعات درخواستی بمانید.
پشتیبانی مرورگرها از AJAX
تمام مرورگرهای موجود نمی توانند AJAX را پشتیبانی کنند. در اینجا لیستی از مرورگرهای اصلی است که از AJAX پشتیبانی می کنند.
- موزیلا فایرفاکس 1.0 و بالاتر.
- مرورگر Netscape نسخه 7.1 و بالاتر.
- اپل سافاری 1.2 و بالاتر.
- مایکروسافت اینترنت اکسپلورر 5 و بالاتر.
- مرورگر Konqueror
- اپرا 7.6 و بالاتر.
پس لازم است وقتی برنامه ها را با کمک AJAX می نویسید، مرورگرهایی را که از AJAX پشتیبانی نمی کنند، در نظر بگیرید.
نکته: هنگامی که می گوییم مرورگر از AJAX پشتیبانی نمی کند، به این معنی است که مرورگر از ایجاد شیء جاوااسکریپت پشتیبانی نمی کند – شیء XMLHttpRequest.