프로토타입.js_prototype을 사용한 비동기 작업

먼저 프로토타입.js 클래스 패키지를 다운로드한 다음 이를 페이지



에 포함시킵니다. XMLHttpRequest 객체를 생성하고 해당 프로세스를 비동기적으로 추적한 다음 응답을 구문 분석하고 가능한 한 처리합니다. 이것이 가장 강력한 곳인 ajax의 근본적인 의미인데, 다양한 브라우저와 호환되는 코드를 작성할 수 있다는 것이 참담할 수 있지만, 다행스럽게도 이를 도와주는 프로토타입.js는 Ajax.Request 클래스를 제공합니다. 이러한 문제를 해결해 보세요.

URL http://ajax.boogu.com/cm.html을 통해 서버와 통신할 수 있는 애플리케이션이 있다고 가정해 보겠습니다. 아래와 같은 XML 응답을 반환합니다.
(물론 불가능합니다)






1234
                                                                > Ajax를 사용하는 방법은 매우 간단합니다. 서버와 통신하고 이 XML을 가져오기 위해 개체를 요청합니다. 아래 예에서는 이를 수행하는 방법을 보여줍니다.


Buchanan, Steven
Callahan, Laura
Davolio, 낸시


1996

1997

1998





Ajax.Request 생성자에 전달된 두 번째 객체를 보셨나요? 매개변수 {method: 'get', 매개변수: pars, onComplete: showResponse}는 익명 객체의 실제 쓰기를 나타냅니다. 이는 전달한 객체에 값이 'get'인 method라는 속성, HTTP 요청의 쿼리 문자열이 포함된 매개변수라는 또 다른 속성, showResponse 함수가 포함된 onComplete 속성/메서드가 있다는 의미입니다.
이 매개변수는 AJAX 호출에 대한 옵션을 정의합니다. 예제에서 첫 번째 매개변수로 HTTP GET 명령을 통해 해당 URL을 요청하고 pars 변수에 포함된 쿼리 문자열을 전달하면 Ajax.Request 객체는 응답 수신이 완료되면 showResponse 메서드를 호출합니다. 아시다시피 XMLHttpRequest는 HTTP 요청 중에 진행 상황을 보고합니다. 이 진행 상황은 로드 중, 로드됨, 대화형 또는 완료의 네 가지 단계로 설명됩니다. 어떤 단계에서나 Ajax.Request 객체가 사용자 정의 메서드를 호출하도록 할 수 있습니다. Complete가 가장 일반적으로 사용됩니다. 사용자 정의 메소드를 호출하려면 요청의 옵션 매개변수에 있는 onXXXXX 속성/메소드에 사용자 정의 메소드 객체를 제공하기만 하면 됩니다. 우리 예의 onComplete와 같습니다. 전달한 메서드는 XMLHttpRequest 개체 자체인 하나의 매개 변수를 사용하여 호출됩니다. 이 개체를 사용하여 반환된 데이터를 가져오고 이 호출에서 HTTP 결과 코드가 포함된 상태 속성을 확인할 수도 있습니다.
Long Qumai
이 onComplete 값은 위의 showResponse와 같은 함수 매개변수를 전달해야 합니다.
결과를 ​​처리하는 데에는 두 가지 유용한 옵션이 있습니다. onSuccess 옵션에 메소드를 전달하여 AJAX가 오류 없이 실행될 때 이를 호출할 수도 있고, 반대로 서버 측에서 오류가 발생할 때 onFailure 옵션에 메소드를 전달하여 호출할 수도 있습니다. onXXXXX 옵션에 전달된 메소드와 마찬가지로 이 두 가지도 호출 시 AJAX 요청과 함께 XMLHttpRequest 객체를 전달합니다.

이 OriginalRequestc를 얻은 후 xml 객체인 경우

var xml = originalRequest.responseXML
이렇게 하면 첫 번째 월별 텍스트를 얻을 수 있습니다. -sales 그만한 가치가 있습니다
var Monthly-sales = xml.getElementByTagName('monthly-sales')[0].text


프로토타입.js의 Swiss Army Knife는 그야말로 우리 집 여행입니다. , 코드를 위한 js 필수 도구 작성