jQuery AJAX 성공 콜백 함수를 외부에서 정의하는 것이 가능합니까?

jQuery AJAX에 대한 성공 콜백 함수 정의

jQuery AJAX를 사용하여 서버에서 데이터를 검색할 때 개발자는 종종 .ajax() 블록. 그런데 콜백 함수를 외부에서 정의하는 것이 가능한가요?

외부 콜백 함수

제공된 코드 스니펫은 .ajax() 외부에서 성공 콜백 함수를 정의하려고 시도합니다. block:

var dataFromServer;  //declare the variable first

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData(dataFromServer)
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

권장사항: 지연된 객체 사용

코드 조각이 기술적으로 작동할 수는 있지만 .ajax 외부에서 성공 콜백을 정의하는 것은 더 이상 권장되지 않습니다. () 차단하다. 대신, 지연된 개체를 사용하세요.

function getData() {
    return $.ajax({
        url : 'example.com',
        type: 'GET'
    });
}

function handleData(data /* , textStatus, jqXHR */ ) {
    alert(data);
    //do some stuff
}

getData().done(handleData);

지연된 개체는 여러 가지 장점을 제공합니다.

• 분리: 콜백 처리를 AJAX 처리와 분리하여 유지 관리가 더 쉽습니다. .
• 다중 콜백: 지연된 객체는 여러 성공 및 오류 콜백 추가를 지원합니다.
• 동기화: 다음과 같은 여러 비동기 이벤트를 쉽게 동기화할 수 있습니다. AJAX 호출 및 타이머로 사용됩니다.

지연 객체를 사용하면 AJAX 콜백 처리에 대한 유연성과 제어력이 향상되어 더욱 강력하고 현대적인 접근 방식이 됩니다.

위 내용은 jQuery AJAX 성공 콜백 함수를 외부에서 정의하는 것이 가능합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!