ajaxSuccess()

ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )

מחזירה: jQuery

מציג הודעה כאשר בקשת Ajax הסתיימה בהצלחה.

ארגומנטים

ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )

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

handler(event, XMLHttpRequest, ajaxOptions)

פונקציה

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

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

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

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

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

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

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

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

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

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

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

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

דוגמה :

מציג הודעה כאשר בקשת Ajax הסתיימה בהצלחה.

$("#msg").ajaxSuccess(function(evt, request, settings){
      $(this).append("<li>Successful Request!</li>");
      });

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

כן לא

ajaxSuccess()

ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )

ארגומנטים

ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )

דוגמה :

תגובות