ajaxSend()

ajaxSend( handler(event, XMLHttpRequest, ajaxOptions) )

מחזירה: jQuery

תיאור: מציג הודעה לפני שבקשת Ajax נשלחה.

ארגומנטים

ajaxSend( handler(event, XMLHttpRequest, ajaxOptions) )

הוספה בגרסה: 1.0

handler(event, XMLHttpRequest, ajaxOptions)

פונקציה

פונקציה להפעלה.

כל פעם שבקשת Ajax מוכנה לשליחה, jQuery מפעיל אירוע ajaxSend. אירועים שנרשמו יחד עם שיטה .ajaxSend() יופעלו באותו זמן.

כדי לצפות בשיטה הזאת בפעולה אנחנו יכולים להגדיר בקשת טעינה בסיסית של Ajax:

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

אנחנו יכולים לצרף מטפל אירועים שלנו לכל אלמנט:

$('.log').ajaxSend(function() {
  $(this).text('Triggered ajaxSend handler.');
});

עכשיו, אנחנו יכולים לבצע בקשת Ajax באמצעות כל שיטה של jQuery:

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

כאשר משתמש לוחץ כפתור ובקשת Ajax לפני השליחה, מוצגת הודעה באלמנט div עם מחלקה log.

שימו לב: מכיוון ש .ajaxSend() מיושם כשיטה של אובייקט מופעים של jQuery, אנחנו יכולים להשתמש במילת מפתח this כמו שעשינו כאן, כדי להפנות אלמנטים שנבחרו בתוך פונקציה של קריאה חוזרת.

כל מטפלי אירועים ajaxSend מופעלים, ללא קשר איזה בקשה של Ajax נמצאת לפני שליחה. אם אנחנו צריכים להבדיל בין הבקשות, אנחנו יכולים להשתמש בפרמטרים שהועברו למטפל אירועים. כל פעם שמטפל ajaxSend מופעל, מועברים אובייקט אירוע, אובייקט XMLHttpRequest, ואובייקט הגדרות שהשתמש בייצירת בקשה. לדוגמה, אנחנו יכולים להגביל קריאה חוזרת שלנו רק לאירועי מטפלים קשורים ל- URL הספציפי:

$('.log').ajaxSend(function(e, xhr, settings) {
  if (settings.url == 'ajax/test.html') {
    $(this).text('Triggered ajaxSend handler.');
  }
});

דוגמה:

מציג הודעה לפני שבקשת Ajax נשלחה.

$("#msg").ajaxSend(function(evt, request, settings){
        $(this).append("<li>Starting request at " + settings.url + "</li>");
});

האם מידע זה היה מועיל?

כן לא

ajaxSend()

ajaxSend( handler(event, XMLHttpRequest, ajaxOptions) )

ארגומנטים

ajaxSend( handler(event, XMLHttpRequest, ajaxOptions) )

דוגמה:

תגובות