تکنولوژی Ajax
ایجکس روشی است که در آن بدون رفرش شدن صفحه اطلاعات درون صفحه به روز رسانی می شود.
جهت دریافت مشاوره رایگان از کارشناسان ویستا در خصوص طراحی سایت کلیک کنید.
فرض کنید در فیسبوک زمانی که یک پست را لایک می کردید صفحه refresh می شد و مجدد بارگزاری می شد. حال آنکه با استفاده از ایجکس اطلاعات لایک شما به سمت سرور ارسال می شود بدون این که صفحه مجدد بارگزاری شود.
مثال دیگر: زمانی که شما در گوگل حرفی را می نویسید این حرف برای گوگل از طریق تکنولوژی ajax ارسال می شود
و سرور حدس خود را برای سرچ شما باز می گرداند و در زیر کادر سرچ پیشنهاد ها به شما نمایش داده می شود،
این امکان از طریق ایجکس فراهم شده است که در اصلاح به این استفاده خاص autocompleteگفته می شود.
حال که متوجه شدید ایجکس چیست به طور تخصصی تر آن را توضیح دهیم.
AJAX مخفف عبارت Asynchronous JavaScript And XML می باشد.
ایجکس یک زبان برنامه نویسی نیست. بلکه یک مفهوم است که روشی را برای صفحه های وب معرفی می کند
که بدون نیاز به رفرش شدن درخواست به سرور بفرستند و اطلاعات بخشی از صفحه را بروز رسانی کنند.
اگر بخواهید از ایجکس در وب سایت خود استفاده کنید از چه چیزی باید استفاده کنید؟
به طور مثال jquery یک کتاب خانه جاوا اسکریپت سمت کاربر است که می توانید با استفاده از آن درخواست
ایجکس به سمت سرور بفرستید و با دریافت جواب در صفحه تغییرات مورد نظر را انجام دهید.
ایجکس چطور کار می کند
مراحل انجام یک درخواست ایجکس
- یک رویداد در صفحه انجام می شود (به طور مثال بروی دکمه دنبال کردن مدرس کلیک می شود)
- یک شی از جنسXMLHttpRequest توسط جاوا اسکریپت ایجاد می شود
- XMLHttpRequest به سمت سرور ارسال می شود
- سرور درخواست را بررسی می کند
- سرور یک پاسخ به صفحه بر می گرداند (به طور مثال مدرس به درستی توسط این کاربر دنبال شد)
- جاوا اسکریپت پاسخ را بررسی می کند و صفحه را آپدیت می کند (اگر مدرسی با موفقیت دنبال شده است متن دکمه از مدرس را دنبال کنم، به مدرس را دنبال نمی کنم تغییر می کند و رنگ دکمه تغییر می کند )
توجه: این که در مخفف ajax شما xml را مشاهده می کنید گاهی باعث گمراهی می شود که اطلاعات
بین مرورگر و سرور حتما باید به صورت xml انتقال یابد، در صورتی که به روش json و متن هم می تواند اطلاعات را انتقال داد.
کاربرد ajax چیست
با ایجکس این اقدامات را می توان انجام داد:
- آپدیت یک صفحه وب بدون رفرش شدن آن: در بیشتر صفحه ها سرچ امروزی وقتی که یک پارامترسرچ مثل قیمت را تغییر می دهید اطلاعات درون صفحه آپدیت می شود ولی صفحه رفرش نمی شود.
- درخواست برای گرفتن اطلاعات از سرور بعد از لود شدن صفحه: وقتی حجم صفحه ها بالا هستند برای راحتی و سرعت لود بیشتر می تواند صفحه را لود کرد سپس با استفاده از ایجکس باقی اطلاعات را درون آن لود کرد، تا سرعت افزایش پیدا کند.
- ارسال اطلاعات به سرور بدون اطلاع کاربر: به طور مثال یک استفاده این هست که هر ثانیه رفتار کاربر به سرور ارسال شود، سپس بعد از انالیز این اطلاعات به طور مثال می شود بررسی کرد که کاربر موس خود را به کجا های صفحه برده است و کلیک کرده است یا کلیک نکرده است، این اطلاعات می تواند به باز طراحی وب سایت کمک کند.
-
جهت دریافت مشاوره رایگان از کارشناسان ویستا در خصوص طراحی سایت کلیک کنید.