AJAX تکنیکی جدید در تکنولوژی های کدنویسی و طراحی سایت است که تحولی قابل ذکر در زمینه طراحی سایت به حساب می آید. اگر بخواهیم کوتاه توضیح دهیم باید بگوییم که AJAX به کاربران کمک می کند که به سرعت صفحات جدید یک سایت را مشاهده کنند بدون آنکه نیاز باشد که کل اطلاعات آن صفحه از ابتدا بارگذاری شود.
AJAX چیست؟ طراحی سایت به مانند تمام حوزه تکنولوژی های کدنویسی هر روز در حال پیشرفت است و در نتیجه تمام فعالان و متخصصان این حوزه برای آنکه بتوانند با این موج های پی در پی پیشرفت همگام باشند باید با مطالعه تکنیک های جدید خود را به روز نگاه دارند. امروز در خصوص یکی از تکنیک های پر کاربرد در طراحی سایت به نام Ajax صحبت خواهیم کرد. به طور کلی این تکنیک باعث می شود که کل صحفه بالاجبار دوباره بارگذاری نشود و در نتیجه قابلیت های منحصر به فردی در شیوه طراحی سایت در اختیار شما می گذارد.
ماهیت صفحات وب و پروتکل HTTP به گونه ای است که به ازای هر کنش و واکنش میان کاربر و سایتی که در حال کار با آن است، کل یک صفحه وب از نو بارگذاری و تازه سازی (refresh) می شود.
بگذارید ابتدا تعاریف مختلف از Ajax را کمی با هم بررسی کنیم. در یک شرایط کلی ماهیت صفحات وب و پروتکل HTTP به گونه ای است که به ازاری هر کنش و واکنش میان کاربران اینترنت و سایت هایی که در حال مشاهده آن هستند، کل یک صفحه دائما بارگذاری و تازه سازی (reftesh) می شوند. Ajax فناوری جدیدی است که تغییر محسوسی را در این فرآیند ایجاد کرده است. با استفاده از این فناوری بجای بارگذاری مجدد کل صفحه وبسایت در هر بار refresh کردن، تنها قسمتی از آن صفحه تغییر می کند که حاوی اطلاعات جدید است. بنابراین با این تکنیک پهنای باند قابل توجهی آزاد می شود. کاهش چشم گیر هزینه ها در زمینه فضاهای پهنای باند باعث شد که از Ajax به نام انقلابی در عرصه وب و فضاهای سایبری نام برده شود.
البته توجه داشته باشید که همواره لازم نیست استفاده از Ajax بخاطر انجام تغییری در صفحه باشد، گاهی اوقات شما ممکن است بخواهید یک عملیات سروری (همچون یک عملیات دیتابیس) را توسط Ajax انجام دهید، به گونه ای که کاربر متوجه نشود.
AJAX در طراحی سایت
عامیانه ترین مثال برای کاربردهای Ajax سیستم Google Suggest است که وقتی شما عبارتی را جستجو می کنید گوگل عبارتهای دیگر را با تکنیک Ajax برای شما می آورد یا مثلا سبدهای خرید سایت های فروشگاه اینترنتی وقتی شما کالایی را به سبد خرید اضافه می کنید فقط سبد خرید آپدیت می شود نه کل سایت یا در خیلی از فرم های ثبت نام این تکنیک به کار برده شده است. امروزه بسیاری از سایت های معروف دنیا نظیر فیس بوک، Google Maps، Gmail، YouTube از این تکنیک استفاده می کنند که کاربران را خسته نکنند و سرعت سایت بالاتر برود. در طراحی سایت فروشگاهی همانطور که گفته شد با سنگین شدن وبسایت تکنیک AJAX می تواند به سرعت لود شدن سایت کمک شایانی داشته باشد و همچنین در طراحی سایت شرکتی نیز با توجه به مشکلات مربوط به زیرساخت های اینترنت و سرعت پایین عمومی اینترنت در کشور ما با استفاده از قابلیت های AJAX نیاز به پهنای باند بالا در لود شدن سایت ها کاهش پیدا می کند و در نتیجه برای سایت هایی در کشوری مانند ایران استفاده از تکنیک AJAX یک ضرورت اجتناب ناپذیر به حساب می آید.
مزایای AJAX در طراحی سایت
عدم نياز به بارگذاری مجدد كل يك صفحه وب
کاهش مصرف پهنای باند
افزايش قابل توجه سرعت نرمافزارهای تحت وب
پشتیبانی از بیشتر مرورگرهای معروف
توانایی سفارشی سازی کنترلهای سرور به منظور استفاده از ظرفیتهای client
معایب استفاده از AJAX
البته هر پدیده جدیدی در کنار ارائه مزایای متعدد ممکن است نقاط ضعف یا کمبودهایی داشته باشد که در اینجا به برخی از مشکلات فن آوری Ajax نیز اشاره میکنیم:
– هر مرورگری که از JavaScript یا سیستم تقاضای XMLHttp پشتیبانی نکند، امکان استفاده صحیح از صفحاتی که به Ajax کدنویسی شده اند را نخواهد داشت. البته در مرورگرهای مهم مانند فایرفاکس، گوگل کروم چنین مشکلی وجود ندارد و از همان ابتدا این مرورگرها کدهای ajax پشتیبانی کرده اند.
– با توجه به ساختار صفحاتی که از این فن آوری استفاده می کنند و ماهیت پویای محتوای Ajax، این احتمال وجود دارد که خواندن این محتوا توسط برنامه های Crawler با مشکل روبرو شود؛ در نتیجه این صفحات ممکن است بخوبی در موتورهای جستجوگر رتبه بندی نشوند.
– حفظ و نگهداری، اشکالزدایی و تست صفحاتی که چنین محتوایی تولید می کنند دشوار است.
– هنگامی که شما از Ajax برای تغییر داینامیک محتوای صفحه استفاده میکنید، امکان مشاهده محتوای اضافه شده را در بخش view source صفحه نخواهید داشت زیرا محتوای صفحه همان چیزی است که در ابتدا از سرور خوانده شده بود، به این ترتیب پس از رفرش مجدد صفحه نیز محتوا به همان حالت قبلی برمیگردد. اگر میخواهید در محیط ASP.NET از Ajax استفاده کنید باید در ابتدای صفحه خود یک کنترل ScriptManager قرار دهید. نماد اصلی Ajax در ASP.NET، کنترلی به نام UpdatePanel است. میتوانید این کنترل را به همراه سایر کنترلهای مربوط به Ajax در برگه ای با نام Ajax در نوار ابزار ویژوال استودیو بیابید.
سخن پایانی برای طراحی سایت
اگر شما نیز به تازگی به حرفه طراحی سایت قدم گذاشته اید مجبور خواهید بود که روزانه در این زمینه مطالعه تخصصی داشته باشید و از فناوری های جدید کدنویسی و طراحی سایت در سراسر دنیا با خبر شوید. شرکت طراحی سایت پیام آوا با کادری حرفه ای از به روز ترین تکنولوژی های طراحی سایت برای ارتقا سطح کیفی سایت های طراحی شده در ایران استفاده می کند.
