AJAX چیست و چه کاربردی دارد؟

توصیف Ajax کار زیاد راحتی نیست اما  در یک جمله  میتوان گفت تکنولوژی Ajax ما را قادر میسازد بدون این که نیازباشد کل صفحه را بارگذاری نماییم به صورت غیر همزمان و تنها با تبادل اطلاعات اندکی با سرور بخشهایی از صفحه را به روز رسانی کنیم. بارگذاری مجدد صفحات وب زمانبر و خسته کننده است همچنین پهنای باند کاربر نیز بیش از حد مصرف می شود. Ajax تکنیکی برای ایجاد صفحات وب سریع و پویا میباشد.در صورتی که صفحات معمولی برای تغییر محتوا باید کل صفحه را به روز رسانی کنند در این روش  برای ارسال اطلاعات به دو روش get و post فرم طراحی می شد و کاربر می بایست بر روی دکمه ارسال کلیک نماید تا اطلاعات به سرور ارسال شود و باید مدتی را منتظر پاسخ سرور می ماند تا صفحه جدید لود شود و بتواند نتیجه را ببیند.طراحی سایت به این شیوه زمان زیادی را از کاربر میگرفت و کورد پسند کاربر نبود.


در تکنولوژی ajax از طریق ابجکت XMLHttpRequestسایت توسط javascript به صورت مستقیم با سرور در ارتباط می باشد. در این روش  کاربر در همان صفحه اول باقی می ماند در حالی که در پس زمینه برنامه درحال انجام است اما کاربر متوجه این موضوع نمی شود.



مراحل فناوری AJAX


1-    ابتدایک رویداد در مرورگررخ میدهد


2-     یک شیء از نوع XMLHttpRequestساخته میشود


3-      این شیء XMLHttpRequestبا اطلاعات لازم پیکربندی میشود


4-       سپس این شیء یک تقاضای غیر همزمان به سرور وب ارسالمیکند


5-        وب سرور نیز پس از انجام پردازش لازم، نتیجه راکه حاوی شیء XML (یا JSON) است برگشت میدهد


6-        شیء XMLHttpRequestتابع callback(تابعی که پس از انتهای عملیات فراخوانی میشود) را صدا کرده و نتیجه حاصله (شیء XML) را پردازش می کند.


7-        در نهایت ساختار HTMLصفحه به روز رسانی میشود.


این نکته رامدنظر داشته باشید که حتما لازم نیست  از Ajaxبخاطر انجام تغییری در صفحه استفاده شود، شما ممکن است بخواهید یکعملیات سروری را توسط Ajaxانجام دهید، به گونه ای که کاربر متوجه نشود.این امکان توسط cron jobs انجام میشود

نوشتن نظر

توجه: HTML ترجمه نمی شود!
    بد           خوب

برچسب ها: آموزش-طراحی-سایت

مطالب مرتبط

آموزش طراحی سایت مشهد

آموزش طراحی سایت مشهد

 آموزش طراحی سایت مشهد.آموزش همیشه ..

structure data چیست؟

structure data چیست؟

داده های ساختاری یا structure data ..

fetch as google  در وب مستر

fetch as google در وب مستر

fetch as google  در وب مستر باعث می..

متا دیسکریپشن چیست؟

متا دیسکریپشن چیست؟

متا دیسکریپشن ها  meta description ..

تگ alt  به چه منظوری استفاده می شود؟

تگ alt به چه منظوری استفاده می شود؟

تگ آلت یک قابلیت در زبان html است که محت..

اعتبار سنجی فرم در طراحی سایت

اعتبار سنجی فرم در طراحی سایت

اعتبار سنجی فرم در طراحی سایت :چرا درتکم..

قویترین نرم افزارهای ریکاوری در سال 2024

قویترین نرم افزارهای ریکاوری در سال 2024

قویترین و بهترین  نرم افزارهای ریکا..

موراد مورد نیاز برای طراحی سایت

موراد مورد نیاز برای طراحی سایت

به مانند هر کار دیگری برای طراحی سایت شم..