프로토타입 사용 가이드 ajax_prototype

Prototype의 ajax.js는 매우 사용하기 쉬운 ajax 프레임워크를 제공합니다. 일반 애플리케이션에서는 간단히 다음 코드를 호출하면 됩니다.

new Ajax.Request(
url, {method: “get”,
onSuccess: showFilter,
onFailure: function(request){alert(“서버 오류!”)},
onException: showError}
);

이 프레임워크는 다음 개체와 메서드를 제공합니다.

Ajax 객체:

XMLHttpRequest 객체를 반환하는 getTransport 메소드가 하나만 있고, 현재 처리 중인 Ajax 수를 반영하는 또 다른 activeRequestCount 속성이 있습니다.

Ajax.Responders 개체:

Enumerable에서 상속되고 전역 Ajax 요청을 관리하며 다음 메서드가 있습니다.
register(responder): Ajax 요청을 관리하는 객체 등록
unregister(responder): Ajax 요청을 관리하는 개체 취소
dispatch(callback, request, Transport, json): 등록된 처리 개체 메서드 트리거

이 개체는 거의 사용되지 않습니다. 다음 코드를 사용하여 처리 개체가 시스템에 등록되었습니다

Ajax.Responders.register({
onCreate: function() {
Ajax.activeRequestCount ;
},
onComplete: function() {
Ajax.activeRequestCount– ;
}
});

Ajax.Base 클래스:

Ajax 기본 클래스에는 setOptions(options) 메소드가 하나만 있습니다. 기본 요청 매개변수는 새 Ajax.request를 생성할 때 지정할 수 있습니다.

메서드: 'post',비동기: true,
contentType: 'application/x-www-form-urlencoded',
인코딩: 'UTF-8′,

Ajax.Request 클래스:

Ajax의 메인 클래스는 ajax.base 클래스에서 상속됩니다. 클라이언트는 호출을 위해 새로운 Ajax.Request(url, options)를 사용합니다. 옵션에서는 비동기식 메서드를 지정할 수 있습니다. contentType 및 인코딩, 매개변수, postBody, 사용자 이름, 비밀번호 및 기타 옵션. 여기서 매개변수는 문자열 또는 연관 배열일 수 있습니다.

또한 요청 헤드는 옵션의 requestHeaders를 통해 지정할 수도 있습니다. 여기서 requestHeaders는 배열(예: ["Connection", "Close", "aheadkey", "aheadvalue"]) 또는 연관 배열일 수 있습니다. 🎜>

옵션에서 가장 중요한 옵션은 ajax의 콜백 메소드를 지정하는 것입니다. onComplete, onSuccess, onFailure, onException(실행 중에 비정상적으로 호출되는 메소드, 주로 onComplete, onSuccess, onFailure 및 기타 콜백 메소드에 의해 생성됨)을 정의할 수 있습니다. on404 및 on503과 같은 콜백 메소드를 정의할 수도 있습니다. 해당 매개변수는 (transport, json)입니다. 여기서 전송은 요청된 XMLHttpRequest 객체이고 json은 evalJSON

의 결과입니다.

자바스크립트 파일이 반환되면(반환된 Content-type 헤더를 기반으로) evalResponse 메서드가 실행됩니다. 또한 Ajax.Request 객체에는 파일을 얻을 때 실행되는 evalJSON 메서드도 있습니다.

이 객체의 메소드 목록은 다음과 같습니다.

request(url) :
요청을 보낼 때 새로 호출될 때 이미 호출되었으므로 일반적으로 사용할 필요가 없습니다. success():
요청 성공 여부 확인 getHeader(name):
이름에 따라 요청 헤드 가져오기evalJSON():
getHeader("X-JSON")를 실행하고 결과를 반환합니다evalResponse():
반환된 responseText를 실행하고 를 반환합니다.

Ajax.Updater 클래스:

Ajax.Request에서 상속되지만 Ajax.Request보다 html 요소를 업데이트하는 기능을 추가합니다. 일반적인 사용 방법은 new Ajax.Updater(element, url, options)이며, 요소는 요소이거나 {success: e1일 수 있습니다. ,failure:e2}이 양식은

기본적으로 반환된 결과의 자바스크립트는 실행되지 않습니다. 먼저 실행하는 경우 옵션에서 evalScript를 true로 지정하면 됩니다.

기본적으로 지정된 요소의 내용이 대체됩니다. 추가하려는 경우 삽입 옵션의 삽입 매개변수를 Insertion.Before, Insertion.Top 또는 Insertion.Bottom, Insertion.After로 지정할 수 있습니다. dom.js에 있을 예정입니다(소개됨)

Ajax.PeriodicalUpdater 클래스:

Ajax.Base에서 상속되며 이 클래스는 Ajax.Updater를 호출하여 html 요소를 주기적으로 업데이트합니다. new Ajax.PeriodicalUpdater(container, url, options) 매개변수는 Ajax.Updater와 유사합니다. 옵션은 빈도(기본값은 2)와 붕괴를 설정할 수 있습니다. Decay는 요청된 콘텐츠가 변경되지 않을 때 빈도를 확장해야 하는 배수를 나타냅니다. 예를 들어, 붕괴의 경우. 2로 설정하고, 빈도를 3으로 설정하고 내용이 변경되지 않은 경우 요청 시간은 3, 6, 12, 24 등으로 변경됩니다.

start():

업데이트 시작 stop():
업데이트 중지