텍스트 필드의 OnBlur 이벤트가 발생할 때 아약스 요청 보내기

Question

텍스트 필드의 onblur 이벤트에서 AJAX를 사용할 수 있습니까? 나는 텍스트 필드에서 탭을 이동할 때마다 html (div 컨테이너 내부)을 변경하고 싶습니다. 양식이있는 AJAX를 사용하지만 텍스트 필드 나 확인란과 같은 개별 구성 요소에는 사용되지 않는 많은 질문/자습서가 있습니다.

Answer 1

일반 JQuery를 사용하여 수행 할 수 있습니다. 양식 요소의 ID가 my_element 인 경우 :

$("#my_element").blur(function(){ 
    $.ajax({url: '/my/data', type: 'GET'}) 
    .done(function(response){ 
    $("#my_div").html(response); 
    }) 
})