 |
|
|  |
ajaxComplete() Ajax°¡ ¿Ï·áµÇ¸é È£Ãâ |
|
|
 |
7³â Àü
|
°³¿ä : Ajax ¿äûÀÌ ¿Ï·áµÇ¸é È£ÃâµÉ Çڵ鷯¸¦ µî·ÏÇÕ´Ï´Ù. À̰ÍÀº Ajax À̺¥Æ® ÀÔ´Ï´Ù.
.ajaxComplete( handler(event, XMLHttpRequest, ajaxOptions) )
handler(event, XMLHttpRequest, ajaxOptions) ¿äûÀÌ ¿Ï·á ÈÄ È£ÃâµÉ ÇÔ¼ö
Ajax ¿äûÀÌ ¿Ï·áµÇ¸é jQuery´Â ajaxComplete À̺¥Æ®¸¦ ¹ß»ý½Ãŵ´Ï´Ù. ¸ðµç Çڵ鷯´Â .ajaxComplete() ¿¡¼ Á¤ÀÇµÇ°í ½ÇÇàµË´Ï´Ù.
ÀÌ ÇÔ¼ö°¡ µ¿ÀÛÇÏ´Â °ÍÀ» º¸±âÀ§ÇØ ±âº»ÀûÀÎ Ajax ¿äûÀ» ¸¸µé ¼ö ÀÖ½À´Ï´Ù.
<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>
À§¿Í °°ÀÌ Å±׸¦ ±¸¼ºÇÑ ÈÄ ¾Æ·¡Ã³·³ ½ºÅ©¸³Æ®¸¦ © ¼ö ÀÖ½À´Ï´Ù.
$('.log').ajaxComplete(function() {
$(this).text('Triggered ajaxComplete handler.');
});
±×¸®°í, Ajax¸¦ ½ÇÇà½Ãų jQuery ÇÔ¼ö¸¦ »ç¿ëÇϸé:
$('.trigger').click(function() {
$('.result').load('ajax/test.html');
});
trigger Ŭ·¡½º¸¦ °¡Áø div ¸¦ Ŭ¸¯Çϸé Ajax°¡ ½ÇÇàµÇ°í ¿äûÀÌ ¿Ï·áµÇ¸é log ¸Þ½ÃÁö°¡ log Ŭ·¡½º div ű׿¡ ³ªÅ¸³ª°Ô µË´Ï´Ù.
Note: .ajaxComplete() ÇÔ¼ö´Â jQuery °´Ã¼¿¡ ÀÇÇØ ¸¸µé¾îÁö±â ¶§¹®¿¡, this Ű¿öµå´Â Äݹé ÇÔ¼ö³»¿¡¼ ¼±ÅõǾîÁø ¿ä¼Ò¸¦ ÁöĪÇÏ°Ô µË´Ï´Ù.
Ajax ¿äûÀÌ ¿Ï·á°¡ µÇ´Â°Í¿¡ °ü°è¾øÀÌ ¸ðµç ajaxComplete Çڵ鷯°¡ ½ÇÇàµË´Ï´Ù. ¸¸¾à ¿äûµéÀ» ±¸ºÐÇØ¼ Á¦¾îÇϱâ À§Çؼ´Â Çڵ鷯¿¡ ÆÄ¶ó¹ÌÅ͸¦ ÁÙ Çʿ䰡 ÀÖ½À´Ï´Ù. °¢°¢ÀÇ ajaxComplete Çڵ鷯°¡ ÀÎÀÚ·Î °¡Áø event °´Ã¼, XMLHttpRequest °´Ã¼, ajaxOptions µéÀ» ±¸ºÐÇØ¼ ½ÇÇàµÇ°Ô µË´Ï´Ù. ¿¹¸¦ µé¾î, ƯÁ¤ÇÑ URLÀ» »ó´ë·Î¸¸ ó¸® À̺¥Æ®ÀÇ ÄݹéÀ» Á¦ÇÑÇÒ ¼ö ÀÖ´Â °ÍÀÔ´Ï´Ù.
Note: ¹ÝȯµÇ´Â ajax ÄÜÅÙÃ÷´Â xml À̳ª html ¿¡ µû¶ó¼ xhr.responseXML ¶Ç´Â xhr.responseHTML ·Î ±¸ºÐÇØ¼ ó¸®ÇÒ ¼ö ÀÖ½À´Ï´Ù.
$('.log').ajaxComplete(function(e, xhr, settings) {
if (settings.url == 'ajax/test.html') {
$(this).text('Triggered ajaxComplete handler. The result is ' +
xhr.responseHTML);
}
});
¿¹ Á¦
Ajax ¿äûÀÌ ¿Ï·áµÇ¸é ¸Þ½ÃÁö¸¦ º¸¿©ÁÝ´Ï´Ù.
$("#msg").ajaxComplete(function(event,request, settings){
$(this).append("<li>Request Complete.</li>");
});
Ajax°¡ ¿Ï·áµÇ¸é ½ÇÇàµÇ´Â À̺¥Æ® ÇÔ¼öÀÔ´Ï´Ù. Ajax°¡ ¼º°øÀÌµç ½ÇÆÐµç »ó°ü¾øÀÌ ¼öÇàµÇ´Ï Àß ºÐ±âÇØ¼ »ç¿ëÇÏ¼Å¾ß °Ú³×¿ä. |
|
̵̧ : 216 |
̵̧
¸ñ·Ï
|
|
|  |
|