왜 javascript 함수가 ajax.success 후에 호출되지 않습니까?

Question

왜 Ajax가 성공한 후 내 기능이 작동하지 않습니까?

filter()라는 사용자 정의 함수가 헤더에 javascript 파일로 정의되어 있습니다. 그런 다음 일련의 jquery 코드를 사용하여 서버에서 데이터를 동적으로 검색하여 선택 상자를 채 웁니다. filter()가 채워진 선택 상자의 옵션을 관리하기 때문에 AJAX 요청이 완료된 후에 filter()를 호출하려고합니다.

$.ajax({ 
url: "checkersc2.php", //This is the page where you will handle your SQL insert 
type: "GET", 
data: values, //The data your sending to some-page.php 
success: function (response) { 
    $('#loading-image').css('display', 'none'); 
    $dropdownCondition.html(response); 
    filter(); 
}, 
error: function() { 
    console.log("AJAX request was a failure"); 
} 
}); 

편집 : 내 필터() 코드는 dropdownCondition에 대해 잘못된 선택을 마치 http://jsfiddle.net/tongky20/re5unf7p/11/

Answer 1

@, 조금 깁니다. 아마 그 라인에서 실패하고 필터를 호출하지 않을 것입니다. 해당 변수를 다른 요소로 정의하지 않은 경우 올바른 요소 선택기로 업데이트하려고 시도하고 필터를 호출하는지 확인하십시오. 다음과 같음 :

$('#dropdownCondition').html(response); 

요소 ID가 dropdownCondition이라고 가정합니다.

전체 기능 :

$.ajax({ 
url: "checkersc2.php", //This is the page where you will handle your SQL insert 
type: "GET", 
data: values, //The data your sending to some-page.php 
success: function (response) { 
    $('#loading-image').css('display', 'none'); 
    $('#dropdownCondition').html(response); 
    filter(); 
}, 
error: function() { 
    console.log("AJAX request was a failure"); 
} 
});