Ajax چیست و مهمترین کاربرد آن کدام است؟

سلام دوستان؛ آیا میدانید Ajax چیست و چرا سروصدای زیادی راه‌انداخته است؟ برای دانستن، با ما همراه شوید.

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

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

Ajax چیست:

کلمه‌ی AJAX مخفف عبارت Asynchronous JavaScript and XML بوده و روشی است که به برنامه‌نویسان و طراحان سایت اجازه می‌دهد بدون بارگذاری مجدد اطلاعات (Reload)، صفحه به‌روزرسانی ‌شود.

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

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

اما درخصوص Reload یا بارگذاری مجدد، فرض کنید قصد ثبت‌نام در یک سایت را دارید. در این صورت به صفحه‌ی ثبت‌نام مراجعه کرده و فرم موجود در صفحه را پس از تکمیل کردن ارسال خواهید کرد، معمولا به محض کلیک روی دکمه عضویت دوباره علامت Load شدن صفحه نمایش داده خواهد شد به این عمل Reload صفحه گفته می‌شود یعنی بارگذاری دوباره صفحه!

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

پس همینجا میتوان گفت که استفاده از AJAX دو مزیت بزرگ دارد:

• User friendly (کاربر پسند): 

بدیهی است عدم لود مجدد صفحه در هنگام refresh و افزایش محسوس سرعت نمایش اطلاعات، حس خوب تجربه کاربری (Ux) را افزایش خواهد داد.

• Increased Speed (افزایش سرعت):

اصلی‌‌ترین هدف ایجکس افزایش سرعت، کارایی و قابلیت استفاده (Usability) وب‌سایت است.

مثال دیگری برای درک کاربرد ایجکس: 

وقتی در گوگل جستجویی انجام میدهید؛ حتما مشاهده کرده‌اید به محض تایپ کلمات، پیشنهادات مشابه‌ای توسط گوگل به شما ارائه می‌گردد. این امکان در پشت صحنه توسط تکنولوژی AJAX برای شما فراهم می‌شود و در حقیقت ایجکس نتایج را به سرعت برای شما فراخوانی و نمایش می‌دهد.

نحوه کار کردن Ajax چیست:

این تکنولوژی طی چند مرحله و با ایجاد یک event آغاز می‌شود. زمانی که یک رویداد برای اجرای کدهای جاوا اسکریپت جهت ارسال داده‌های بخش معینی به سرور ایجاد میشود، مرورگر به کمک جاوا اسکریپت یک شی از XMLHttpRequest یا XHR می‌سازد. این شئ یک API یا Application Programming Interface است که می‌تواند با جاوا اسکریپت، انواع مرورگرها و زبان‌های دیگر به منظور انتقال و مدیریت داده‌های XML ارسالی و دریافتی مرورگرها از طریق HTTP مورد استفاده قرار گیرد. در ادامه ایجکس از طریق شی ساخته شده، داده‌ها و اطلاعات مورد نظر را به سرور ارسال کرده و بعد از درخواست، دریافت و پردازش، نتیجه نهایی به مرورگر برگردانده میشود. مرورگر پاسخ را به کمک جاوا اسکریپت دریافت و بر اساس نحوه‌ی طراحی برنامه‌نویس وب، در بخشی که از طریق شناسه‌ها برایش مشخص شده نمایش می‌دهد.

اما میدانید چه زمانی از ایجکس استفاده کنید؟

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

به طور کلی میتوان گفت که بهتر است از تکنولوژی ایجکس در پنل کاربری و مدیریتی که نیازی به ایندکس شدن و سئو ندارد و همچنین شامل محتویات خواندنی توسط کاربران نیست، استفاده شود.

در آخر هم میرسیم به یک جمع‌بندی از کل محتوا:

خب دوستان متوجه شدیم که AJAX چیست؛ بله یک فناوری جديد و شگفت انگيز. ولي در حقيقت كل اين شعبده بر اساس فناوریهايی بنا شده كه هم اكنون موجودند؛ یعنی جاوا اسكريپت و XML. هر دوی اين فناوری‌ها منحصر به شركت خاصی نيستند و اين روزها تمام محافل دنيای برنامه‌نويسی مملو از مقالات و تحليل‌هايی درباره Ajax است. بنابراين ظرفيت بالايی برای تبديل ايجكس به يك استاندارد جهانی وجود دارد.

اين فناوری از يك جنبه ديگر نيز اهميت دارد؛ به دليل عدم نياز به بارگذاری مجدد كل يك صفحه وب، مقدار داده‌هايی كه لازم است برای تكميل يك Interaction ميان كاربر و سايت مبادله شود، به شدت كاهش مي‌يابد و اين به معنی افزايش محسوس سرعت نرم‌افزارهای تحت وب، سهولت به كارگيری اينترفيس‌های مبتنی بر ايجكس و كاربر پسندتر شدن آنها ميشود.

به همين دليل اين روزها اكثر پورتال‌های بزرگ (مانند ياهو) مشغول طراحی اينترفيسهای مبتنی بر Ajax هستند و به نوبه خود انقلابی در عرصه وب و فضای سايبری به شمار ميرود. چنين تحولی ميتواند اينترنت را به كامپيوتر دوم كاربران تبديل كند. به گونه‌ای كه برای آنها اجرای يك نرم‌افزار از روي وب تفاوت محسوسي با اجراي آن از روي كامپيوتر دسكتاپ نداشته باشد. در اين صورت ممكن است واقعا بخش مهمی از توان پردازشی نرم افزارها، چه از نوع دسكتاپ و چه از نوع تحت وب به سيستم‌های موسوم به Web Service واگذار شود. از اين رو كسانی كه مبتكر و مشوق ايده وب‌سرويس بوده‌اند، اين روزها انگيزه تازه‌ای برای سرعت بخشيدن به اين فناوری پيدا كرده اند و تلاش ميكنند دو فناوری ايجكس و وب سرويس را به يكديگر پيوند دهند و راهكارهای تازه‌ای بيافرينند.