برنامه نویسی آژاکس چیست - توضیح داده شده است ajax چیست برنامه نویسی آژاکس چیست - توضیح داده شده است
Ajax مخفف Asynchronous JavaScript and XML است که بیشتر به یک زبان برنامه نویسی واقعی به مجموعه تکنیک های توسعه وب اشاره دارد. با این حال ajax چیست ، به طور گسترده در برنامه نویسی سمت مشتری (به عنوان مثال JavaScript) مورد استفاده قرار می گیرد تا امکان ارسال و دریافت داده ها از و به پایگاه داده / سرور فراهم شود. ajax چیست نکته ویژه در مورد استفاده از برنامه نویسی Ajax این است که شما می توانید داده ها را در پس زمینه مبادله کنید بدون اینکه در تجربه کاربر اخلال ایجاد کنید. همانطور که ویکی پدیا می گوید ،
با جدا کردن لایه تبادل داده از لایه ارائه ، Ajax اجازه می دهد تا صفحات وب و برنامه های وب توسعه دهنده ، بدون نیاز به بارگیری مجدد کل صفحه ، محتوای را به صورت پویا ajax چیست تغییر دهند.
این روش هم برای عملکرد وب سایت و هم قابلیت استفاده آن بسیار مفید است. از آنجا که بارگذاری ناهمزمان مانع رندر نمی شود ، به HTML شما اجازه می دهد تا تجزیه و تحلیل کند حتی اگر با برچسب اسکریپت روبرو شود. از نظر قابلیت استفاده ، بازدید کنندگان می توانند از دیدن اطلاعات تولید شده بدون نیاز به بارگیری مجدد صفحه بهره مند شوند. این یک گام بزرگ به جلو برای بهبود عملکرد درک شده است.
نحوه کار آژاکس #
روش کار Ajax کاملاً ساده است. برای کمک به توضیح ، ajax چیست تصویر زیر را بررسی کنید که مقایسه ای بین روش مرسوم درخواست داده از وب سرور در مقابل استفاده از روش Ajax را نشان می دهد. آنچه در هر دو طرف در حال وقوع است را در بخش زیر توضیح خواهم داد.
برنامه نویسی آژاکس چگونه کار می کند
روش مرسوم #
با شروع از بالای روش معمول ، می بینیم که مرورگر می خواهد فایل ajax برای برخی از داده ها از وب سرور درخواست کند. بنابراین موارد زیر اتفاق می افتد.
درخواست HTTP از مرورگر به وب سرور انجام می شود. بنابراین ، کاربر باید منتظر پردازش این درخواست باشد و قبل از دیدن داده های درخواستی ، پاسخی را برگرداند.
این درخواست به سرور وب می رسد و داده های مناسب را بازیابی می کند.
سپس داده های درخواستی به مرورگر ارسال می شود و کاربر می تواند آن داده ها را ببیند.
روش آژاکس #
موارد زیر در هنگام درخواست داده های مشابه اتفاق می افتد ، ajax چیست اما این بار با استفاده از روش Ajax.
مرورگر یک تماس جاوا اسکریپت با موتور Ajax انجام می دهد. به عبارت دیگر ، یک شی X XMLHttpRequest ایجاد کنید.
در پس زمینه ، یک درخواست HTTP به سرور داده می شود و داده های مناسب بازیابی می شود.
داده های HTML ، XML یا JavaScript به موتور Ajax بازگردانده می شوند و سپس داده های درخواستی را به مرورگر تحویل می دهند.
با استفاده از این روش ، کاربر هنگام دریافت درخواست واقعی تا زمانی که اطلاعات واقعی را دریافت می کند ، از کار افت نمی کند.
ناهمگام در برابر بارگیری همزمان #
وقتی نوبت به بارگذاری اسکریپت ها می رسد ، به طور سنتی اسکریپت ها با استفاده از روش همزمان بارگیری می شدند. این کم و بیش یک فرایند "اولین بار برای اولین بار است" ajax چیست در حالی که اگر در طی فرآیند ارائه صفحه ، HTML با یک برچسب اسکریپت روبرو می شد ، آن برچسب اسکریپت را به ترتیب بارگذاری می کند ، بنابراین تجزیه HTML را مسدود می کند. پس از بارگذاری کامل اسکریپت ، HTML به تجزیه و بارگذاری بقیه صفحه وب ادامه می دهد.
همانطور که در تصویر زیر می بینیم ، 3 اسکریپت همزمان که یکی پس از دیگری بارگیری می شوند ، وجود دارد. ** با این وجود ، یک اسکریپت ناهمزمان وجود دارد ajax چیست که می تواند همزمان با اسکریپت همزمان بارگیری شود که فرآیند بارگیری بسیار کارآمدتری را ایجاد می کند
بارگیری همزمان
برای کسب اطلاعات بیشتر در مورد تفاوت بارگیری همزمان و غیر همزمان ، ajax چیست به مقاله بارگیری اسکریپت همگام ترجیحی بروید
مثال برنامه نویسی آژاکس #
تا آنجا که بارگیری همزمان یک اسکریپت انجام می شود ، این بسیار آسان است. برای انجام این کار ، شما فقط باید ویژگی async را به برچسب اسکریپت خود اضافه کنید. برای مثال ، اگر اسکریپتی را در js / example.js بارگیری می کنیم ، می توانیم موارد زیر را تعریف کنیم.
<script src = "example.js" async>
همانطور که برای استفاده از توابع Ajax وجود دارد ، ajax چیست تعداد زیادی امکان وجود دارد. در وهله اول ، یک عملکرد معمول Ajax دارای دو جز زیر است.
$ .ajax (آدرس [، تنظیمات])
پارامتر url Ajax URL را که می خواهید برای آن درخواست کنید مشخص می کند و از پارامتر تنظیمات برای پیکربندی درخواست Ajax واقعی استفاده می شود. لیست کامل گزینه های تنظیمات موجود در صفحه رسمی اسناد jQuery و Ajax را بررسی کنید.
$ .ajax ('demo.html' ، {
موفقیت: عملکرد (نتیجه) {
$ ('# testdiv'). html (نتیجه)؛
}
})
مثال بالا یک نمایش ساده از چگونگی استفاده از jQuery و Ajax است. URL که برای آن درخواست می کنیم demo.html است. سپس نتیجه را می گیریم و ajax چیست آن را وارد عنصری می کنیم که حاوی ID #testdiv است.