jQuery 3.3

.ajaxStart()




jquery

.ajaxStart (معالج) الإرجاع: jQuery

الوصف ؛: تسجيل معالج ليتم استدعاؤه عند بدء طلب Ajax الأول. هذا هو حدث أجاكس .

عندما يتم إرسال طلب من Ajax ، فإن jQuery يتحقق مما إذا كانت هناك طلبات أياكس أخرى معلقة. إذا لم يكن أي منها قيد التقدم ، ajaxStart jQuery بتشغيل الحدث ajaxStart . يتم تنفيذ أي وكل معالجات تم تسجيلها باستخدام طريقة .ajaxStart() في هذا الوقت.

لمراقبة هذه الطريقة في العمل ، قم بإعداد طلب تحميل أياكس الأساسي:

<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>

إرفاق معالج الحدث بأي عنصر:

$( document ).ajaxStart(function() {
  $( ".log" ).text( "Triggered ajaxStart handler." );
});

الآن ، قم بعمل طلب Ajax باستخدام أي طريقة jQuery:

$( ".trigger" ).click(function() {
  $( ".result" ).load( "ajax/test.html" );
});

عندما يقوم المستخدم بالنقر فوق العنصر مع trigger فئة ويتم إرسال طلب Ajax ، يتم عرض رسالة السجل.

ملاحظات إضافية:

  • اعتبارًا من jQuery 1.9 ، يجب إرفاق document بجميع معالجات الأحداث العالمية لـ .ajaxStart() jQuery ، بما في ذلك تلك التي تمت إضافتها باستخدام طريقة .ajaxStart() .
  • إذا تم $.ajax() أو $.ajaxSetup() مع الخيار global لتعيين false ، لن يتم تشغيل الأسلوب .ajaxStart() .

مثال:

عرض رسالة تحميل كلما بدأ طلب Ajax (ولا يوجد بالفعل نشط).

$( document ).ajaxStart(function() {
  $( "#loading" ).show();
});