Ajax چیست و چه کاربردی دارد

اگر وارد زمینه طراحی سایت و خصوصا زبان جاوا اسکریپت شده باشین امکان نداره اسم Ajax به گوشتون نخورده باشه تو این مقاله با هم می فهمیم Ajax چیست و چه کاربردی دارد

Ajax چیست

Ajax مخفف کلمه ی Asynchronous JavaScript and XML که معنیش می شود جاوا اسکریپت و XML ناهمزمان و اگر قصد دارید یک برنامه نویس وب حرفه ای شوید یادگیری Ajax برای شما الزامی است

طرز کار یک وبسایت

قبل از اینکه بدونید Ajax چیست و چه کاربردی دارد باید بدونید طرز کار یک وبسایت چگونه است، دقت کردین وقتی در یک وسایت روی یک لینک کلیک می کنید وب سایت دوباره بارگذاری(reload) می شود چرا این اتفاق می افته ؟

جواب سادست برای گرفتن اطلاعات جدید از سمت سرور یا پایگاه داده و نمایش اطلاعات جدید به کاربری که دارد وبسایت را تماشا می کند درواقع یه صفحه ی تماما جدید با کدهای HTML و اطلاعات جدید جایگزین کدها و اطلاعاتی که کاربر داشته تماشا می کرده می شود

کاربرد Ajax چیست

گاهی اوقات شما فقط نیاز دارید قسمت خاصی از وب سایت به روز شود و فقط اطلاعات همان قسمت تغییر کند اینجاست که Ajax وارد می شود Ajax بدونِ اینکه وب سایت بارگذاری مجدد(reload) شود یک درخواست به سمت سرور می دهد و سرور محاسبات و پردازش لازم را انجام میدهد و جواب پردازش را به سمت مرورگر کاربر می فرستد ولی این بار فقط یک قسمت خاص از وب سایت بروزرسانی می شود و بقیه اطلاعات و کدهای سایت دست نخورده باقی می ماند

Ajax چطور کار می کند

• ابتدا یک اتفاق(مثل کلیک کردن روی یک دکمه سایت) می افتد
• مرحله بعد یک شِی جدید XMLHttpRequest ساخته می شود
• سپس یک درخواست سمت سرور ارسال می شود
• محاسبات و پردازش های لازم سمت سرور انجام می شود
• پاسخ درخواست داده شده از سمت سرور به سمت مرورگر کاربر باز می گردد
• سمت مرورگر جاوا اسکریپت پاسخ را دریافت می کند
• مرحله آخر کدها و اطلاعات توسط جاوا اسکریپت بِروز می شوند

برای درک بهتر عکس زیر را مشاهده کنید

چند نمونه Ajax

بهترین مثال برای Ajax سرچ گوگل است اگر دقت کرده باشین هم زمان با نوشتن شما پیشنهادهایی برای جستجو به شما داده می شود یعنی با نوشتن هر کلمه(یک اتفاق که گفتم) درخواستی به سمت سرور ارسال می شود و نوشته ی شما در کادر جستجو در سمت سرور مورد برسی قرار می گیرد و گوگل پاسخ هایش را برای شما به صورت پیشنهاد نشان می دهد

مزایای استفاده از Ajax

با استفاده از Ajax وب سایت شما بارگذاری مجدد(reload) نمی شود که این باعث می شود سرعت سایت شما بالاتر برود قطعا کاربران شما به دنبال وب سایتی هستند که سریع تر به خواسته هایشان برسند

معایب استفاده از Ajax

• پشتیبانی نکردن بعضی از مرورگرهای معروف از Ajax(در حال حاضر اکثر مرورگر ها از Ajax پشتیبانی می کنند)
• فعال نبودن جاوا اسکریپت مرورگر کاربر، قطعا اگر کاربر جاوا اسکریپت را غیر فعال کند Ajax هم در کار نخواهد بود

اگر مایلید وب سایتی با سرعت بالا داشته باشید و برای بروزرسانی اطلاعات وب سایت Refresh صورت نگیرد حتما نیاز دارید که از Ajax استفاده کنید