AJAX

درک مفهوم  AJAX به عنوان یک توسعه دهنده وب مبتدی

Ajax چیست؟

AJAX مخفف جاوا اسکریپت و XML است. XML خیلی کم مرتبط است، اما هنگام ایجاد برنامه های کاربردی وب، ما از AJ برای انجام کارهای ناهمزمان مانند به روز رسانی صفحه، انجام اقدامات و غیره استفاده می کنیم.

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

هدف این مقاله چیست؟

در واقع اجرای AJAX سخت نیست، اما عجیب است. که متکی به تعامل چند تکنولوژی متفاوت است و نیاز به دانش کمی از هر یک دارد. هدف مقاله این است که شما بتوانید AJAX doohickies را بنویسید، اما به جای اینکه به نقطه ای برسید که در آن شما به اندازه کافی درک از ایجکس دارید که می توانید با آن ارتباط برقرار کنید، ببینید که از کدام یک از آنها استفاده می شود و می توانید مهارت های فنی را که نیاز به اجرای ایجکس دارید را ایجاد کنید.

یک خلاصه ای از پیش زمینه

AJAX به یک دسته از فن آوری ها متکی است. شما لازم نیست در همه آنها متخصص باشید، اما یک دانش پس زمینه کمی مفید خواهد بود. اگر می دانید که چگونه از XML و JSON استفاده می کنید و می دانید پیام HTTP چیست، پس این بخش را بگذرید. توجه داشته باشید که این یک توضیح ساده برای تعامل تکنولوژی های ذکر شده در زیر است.  این به شما فقط پس زمینه در مورد ایجکس خواهد داد.

بیشتر بخوانید»»» نرم افزارهای ذخیره سازی ابر برای سیستم عامل آندروید

زبان نشانه گذاری ابرمتن (HTML)

Ajax
Ajax

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

اجرای کد با جاوا اسکریپت در مرورگر

Ajax
Ajax

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

مبانی HTTP

این یک پروتکل است. و فقط یک مجموعه قوانین ارتباطی است که توافق شده است. این پروتکل برای عملکرد اینترنت بسیار اساسی است زیرا این همان چیزی است که برای به دست آوردن صفحات وب و بسیاری از منابع دیگر استفاده می شود. هنگامی که یک پیام را با استفاده از HTTP ارسال می کنید، یک درخواست نامیده می شود. هنگامی که یک درخواست ارسال می کنید، باید یک پاسخ دریافت کنید. مرورگر ها HTML را از صفحات وب با ارسال درخواست به مکان های خاص در اینترنت و ارائه پاسخ هایی که دریافت می کنند. مرورگرها واقعا می توانند همه چیز را درخواست کنند، نه فقط صفحات HTML، بعدا به آن می رسیم.

هر درخواست با یک URL مرتبط است. اگر یک درخواست HTTP نامه ای بود، نشانی اینترنتی آدرس در خارج از پاکت نامه نوشته می شد. درخواست ها می توانند داده ها را در فرمی از پارمترهای مقادیر اضافه کنند، این مقادیر را می توان با چند روش مختلف ترکیب کرد. پیام اصلی را در اینجا می بینید: یک درخواست HTTP همیشه دارای یک URL است و گاهی نیز داده ها به آن متصل می شوند.

برخی از فرمت های داده ای مورد استفاده: JSON و XML

HTTP می تواند برای انتقال انواع داده ها، به عنوان مثال، HTML، جاوا اسکریپت و تصاویر استفاده شود. گاهی اوقات بهتر است از فرمت های مانند XML و JSON نیز استفاده کنید. HTML در واقع یک فرم از XML است. و JSON یک توازن مشابه با XML را دارد، اما کمی عمیق تر و کمی انعطاف پذیر تر است و معمولا زمانی که آژاکس مربوط می شود، ترجیح داده می شود. شما لازم نیست که در مورد این فن آوری ها که چگونه ایجکس کار می کند، بدانید. دلیل آن نیز این است که اگر شما می خواهید با استفاده از ایجکس کارهای مهمی انجام دهید، احتمالا در این شرایط قرار دارید.

بیشتر بخوانید»»» مهم ترین تفاوتهای بین Front-End و Back-End

چرخه صفحه وب استاتیک

در اینجا ما در واقع یک صفحه وب کوچک را ایجاد خواهیم کرد. بسیار آسان است. بنابراین مراحل زیر را دنبال کنید.

مرحله 1: ویرایشگر متن مورد علاقه خود را باز کنید.

مرحله 2: کد زیر را در یک سند جدید کپی کنید

<!DOCTYPE html>

<html><head> 

 <title>Completely useless web page</title>

</head>

<body>Code Mentor is delicious!</body>

</html/>

مرحله 3: با نام hi_world.html ذخیره کنید.

مرحله 4: با مرورگر آن را باز کنید.

 به شما نگفتم آسان خواهد بود؟ چه اتفاقی افتاد؟ مرورگر چه کاری انجام داد؟

هنگامی که صفحه وب خود را با مرورگر خود باز کردید، مرورگر باز شد و از مسیر hi_world.html به عنوان آدرس استفاده کرد. سپس از آن آدرس برای محاسبه محتویات hi_world.html استفاده کرد. سپس محتویات را رندر کرد. و این یک صفحه وب استاتیک است.

جاوا اسکریپت هم می تواند درخواست را انجام دهد!

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

چگونه ما این کار را انجام خواهیم داد:

مرحله ی بعدی:

خوب، حالا شما واقعا میخواهید ایجکس اتفاق بیافتد. اگر شما موفق به درک همه چیز تا اینجا شدید، شما را در یک جای  بسیار خوبی هستید. اما هنوز چند قسمت از این پازل وجود دارد. در مرحله اول، چگونه یک درخواست واقعی ایجکس انجام می دهد؟

این استاندارد امروزه از یک کتابخانه جاوا اسکریپت به نام jQuery استفاده می کند. ایجکس چیز پیچیده ای است، زیرا مرورگرهای مختلف کار متفاوت می کنند، بنابراین گاهی اوقات کد هایی که روی یکی کار می کنند بر روی دیگری کار نمی کنند. JQuery قابلیت ایجکس را فراهم می کند که به اندازه کافی قوی است که در تمام مرورگرهای مدرن کار می کند. در اینجا نمونه ای از کد آورده شده است:

}).ajax.$

;"url : 'whatever/fetch_cows_page

}(success : function(response_data

;(populate_cows_table(response_data

{

;({

بنابراین کد کلاینت انجام شده است. درخواست نیاز دارد به جایی برود، بنابراین آدرس باید به چیزی مفید اشاره کند. این نوعی از برنامه وب است. در واقع ساخت یک برنامه وب بسیار خارج از محدوده این آموزش است. درس در اینجا این است که اگر برنامه وب را بنویسید، می جوری که شما می خواهید پاسخ خواهد داد(به دلایلی).

نتیجه گیری:

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

Source

دیگر مقالات مفید سایت: