رویدادهای Ajax در jQuery

رویدادهای Ajax در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شوند. Ajax تعدادی رویداد مختلف را ایجاد می‌کند، در این مقاله لیست کامل رویدادها آورده شده است، در کل دو نوع رویداد وجود دارد.

رویدادهای محلی یا local

این callbackها می‌توانند با درخواست Ajax ترکیب شوند:

$.ajax({
   beforeSend: function(){
      // Handle the beforeSend event
   },
   complete: function(){
     // Handle the complete event
   }
   // ......
});

رویدادهای سراسری یا Global

این رویدادها برای همه عناصر در DOM استفاده می‌شوند و هر کنترل‌کننده‌ای را که می‌تواند مورد استفاده قرار گیرند فعال می‌کنند:

$("#loading").bind("ajaxSend", function(){
   $(this).show();
}).bind("ajaxComplete", function(){
   $(this).hide();
});

رویدادهای سراسری را می‌توان برای یک درخواست خاص Ajax با عبور از گزینه سراسری غیرفعال کرد.

$.ajax({
   url: "test.html",
   global: false,
   // ...
});

رویدادها – رویدادهای Ajax در jQuery

در اینجا لیست کامل رویدادهای Ajax آمده است. رویدادهای ajaxStart و ajaxStop رویدادهایی هستند که به همه درخواست‌های Ajax با هم مربوط می‌شوند.

• ajaxStart (رویداد سراسری) : این رویداد در صورتی استفاده می‌شود که درخواست Ajax شروع شده باشد و هیچ درخواست دیگری از Ajax در حال حاضر در حال اجرا نباشد
• BeforeSend (رویداد محلی) : این رویداد، که قبل از شروع درخواست Ajax راه اندازی می‌شود، به شما این امکان را می‌دهد که شی XMLHttpRequest را تغییر دهید (در صورت نیاز، هدرهای اضافی را تنظیم کنید)
• ajaxSend (رویداد سراسری) : این رویداد سراسری نیز قبل از اجرای درخواست راه اندازی می‌شود
• success (رویداد محلی) : این رویداد فقط در صورتی فراخوانی می‌شود که درخواست موفقیت آمیز باشد (بدون خطایی از سرور، بدون خطا در داده‌ها)
• ajaxSuccess (رویداد سراسری) : این رویداد نیز تنها در صورت موفقیت آمیز بودن درخواست فراخوانی می‌شود
• error (رویداد محلی) : این رویداد فقط در صورتی فراخوانی می‌شود که در درخواست خطایی رخ داده باشد (شما هرگز نمی‌توانید با یک درخواست هم خطا و هم پاسخ موفقیت آمیز داشته باشید)
• ajaxError (رویداد سراسری) : این رویداد سراسری مانند رویداد error محلی عمل می‌کند
• Complete (رویداد محلی) : این رویداد بدون توجه به اینکه درخواست موفقیت آمیز بوده یا خیر فراخوانی می‌شود؛ شما همیشه یک تماس کامل دریافت خواهید کرد، حتی برای درخواست‌های همزمان
• ajaxComplete (رویداد سراسری) : این رویداد مانند رویداد Complete عمل می‌کند و هر بار که درخواست Ajax به پایان می‌رسد فعال می‌شود
• ajaxStop (رویداد سراسری) : این رویداد سراسری در صورتی فعال می‌شود که دیگر درخواست‌های Ajax در حال پردازش نباشند

مطالعه مقاله بررسی Ajax در jQuery به شما پیشنهاد می‌شود؛ مقاله رویدادهای Ajax در jQuery در اینجا به پایان می‌رسد، امیدواریم از مطالعه این مقاله آموزش jQuery  لذت برده باشید. لطفاً نظرات خود را با ما به اشتراک بگذارید و سئوالات خود را در بخش نظرات مطرح کنید.