پریا نجفلو
پریا نجفلو
خواندن ۲ دقیقه·۴ سال پیش

معرفی AJAX به زبان ساده

آيا میدونید AJAX مخفف Asynchronous JavaScript And XML و هنر تبادل داده با سرور و به روزرسانی بخشهایی از یه صفحه وب - بدون بارگیری مجدد کل صفحه- هستش. AJAX یه تکنیک جدید برای ایجاد برنامه های وب بهتر ، سریع تر و تعاملی تر با کمک XML ، HTML ، CSS و جاوا اسکریپته.

فراخوانی AJAX با استفاده از توابع موجود در jQuery انجام میشه. با استفاده از این توابع، TEXT ، HTML ، XML یا JSON رو با استفاده از HTTP Get و HTTP Post از یک سرور راه دور درخواست کنیم – همچنین میشه داده های external رو مستقیماً در عناصر انتخاب گر HTML در صفحه وب خودمون بارگذاری کنیم!

کاربرد AJAX در دنیای وب

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

تا به حال به سایت های facebook یا google سر زدین؟ آیا نحوه نمایش نظرات کاربران فیس بوک و یا حتی صفحه نتایج گوگل توجه شما رو جلب کرده؟ در کل هر دو سایت رویکرد مشابهی دارن و همون اول بخش کوچیکی از اطلاعات رو نمایش میدن تا صفحه خیلی سریع بارگذاری بشه، در نهایت در صورت نیاز، اطلاعات بیشتری رو به آرامی بارگذاری می کنن.

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

استفاده از AJAX در طراحی سایت

با استفاده از AJAX میشه کارهایی رو انجام داد که با انتخابگر های معمولی css امکان انجامش وجود نداشته باشه. با استفاده از این تکنولوژی، کاربر مدت زیادی رو منتظر بارگذاری کامل صفحه نمیمونه.

درواقع، AJAX یک تکنولوژی مرورگر وب مستقل از نرم افزار وب سروره. با استفاده از AJAX، کاربر به استفاده از برنامه ادامه میده، در حالی که client program در پشت پرده اطلاعات رو از سرور درخواست می کنه.

بهتره بدونید که Ajax از XHTML برای محتوا ، از CSS و DOM برای نمایش و JavaScript برای نمایش محتوای پویا استفاده می کنه.

قالب XML معمولاً به عنوان قالب دریافت داده های سرور مورد استفاده قرار می گیره. اگرچه از هر قالب ، از جمله TEXT ساده هم برای این کار میشه استفاده کرد.

نمونه هایی از برنامه هایی که از AJAX استفاده می کنند شامل Gmail Google Maps ، Youtube و Facebook هست.

سئولب
شاید از این پست‌ها خوشتان بیاید