AJAX 호출 후에 DOM이로드 된 후에 만 ​​어떻게해야합니까?

Question

<div id="mydiv"> 
    ... 
    <a id="my-ajax-link"> ... </a> 

    ... 
    ... 

    <select id="my-selectmenu"> 
     ... 
    </select> 
    ... 
</div> 

'my-ajax-link'링크를 클릭하면 AJAX 호출이 실행되고 div 'mydiv'의 내용이 업데이트됩니다.

div 'mydiv'의 DOM이 AJAX 호출 후 완전히로드 된 후에 만 ​​jQuery를 통해 선택 메뉴를 사용하여 작업을 수행하려고합니다.

어떻게하면됩니까?

Answer 1

그냥 아약스 calback 사용

$.ajax({ 
... 
}).always(function(response_data) { 
    alert('ajax finished'); 
}); 

Answer 2

나는 당신이이 처리되는 동안 Ajax 요청이 완료되지 않고 후 DOM에 무언가를 변경하려는 것처럼 소리를 제대로 이해합니다. done() function을 조사해야합니다.

예 :

$.ajax({ 
    url: 'https://test.com/url/to/call', 
    type: 'GET', 
    success: function (response) { 
     ... 
    } 
}).done(function(result) { 
    // 
    // Code you want executed AFTER ajax call completes 
    // Where result is the response from the server after ajax finishes the call 
    // 
});