Prototype.js에서 AJAX 응답 텍스트를 올바르게 검색하려면 어떻게 해야 합니까?-JS 튜토리얼-php.cn

Prototype.js에서 AJAX 응답 텍스트를 올바르게 검색하려면 어떻게 해야 합니까?

Barbara Streisand

풀어 주다： 2024-12-18 10:58:10

원래의

415명이 탐색했습니다.

How Can I Properly Retrieve AJAX Response Text in Prototype.js?

AJAX 응답 텍스트 검색

프로토타입을 사용하여 AJAX로 작업할 때 추가 처리를 위해 응답 텍스트를 검색하는 방법을 이해하는 것이 중요합니다. 제공하신 원본 코드:

somefunction: function(){
    var result = "";
    myAjax = new Ajax.Request(postUrl, {
        method: 'post',
        postBody: postData,
        contentType: 'application/x-www-form-urlencoded',
        onComplete: function(transport){
            if (200 == transport.status) {
                result = transport.responseText;
            }
        }
    });
    return result;
}

로그인 후 복사

AJAX의 비동기 특성으로 인해 원하는 값을 반환하지 않을 수 있습니다. 더 나은 접근 방식은 다음과 같습니다.

콜백 함수 전달

응답을 직접 반환하는 대신 콜백 함수를 somefunction()에 대한 매개 변수로 정의합니다. 이 콜백 함수는 AJAX 요청이 완료되면 호출됩니다.

somefunction: function(callback){
    var result = "";
    myAjax = new Ajax.Request(postUrl, {
        method: 'post',
        postBody: postData,
        contentType: 'application/x-www-form-urlencoded',
        onComplete: function(transport){
            if (200 == transport.status) {
                result = transport.responseText;
                callback(result);
            }
        }
    });
}

로그인 후 복사

이제 다른 함수에서 somefunction()을 호출하고 콜백을 제공하여 응답 텍스트를 처리할 수 있습니다.

somefunction(function(result){
  alert(result);
});

로그인 후 복사

콜백 함수를 사용하면 AJAX 요청이 완료될 때 결과가 처리되도록 보장하여 빈 응답 문자열 문제를 제거할 수 있습니다.

위 내용은 Prototype.js에서 AJAX 응답 텍스트를 올바르게 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!