Asynchronous operations using prototype.js_prototype

First download the prototype.js class package, and then include it in your page



Create an XMLHttpRequest object and asynchronously track its process, then parse the response and process it as possible This is the fundamental meaning of ajax, its most powerful place, but you can write code that is compatible with various browsers, which may make you miserable, but fortunately prototype.js, which comes to the rescue, provides the Ajax.Request class to let you get rid of it. These troubles.

Suppose you have an application that can communicate with the server through the url http://ajax.boogu.com/cm.html. It returns an XML response like below.
(Of course this is impossible)






1234
                                                                             >                                                                                                                       >
                                                                    


It is very simple to use the Ajax.Request object to communicate with the server and get this XML. The example below demonstrates how it is done.


Buchanan, Steven
Callahan, Laura

Davolio, Nancy





1996

1997
1998


Did you see the second object passed into the Ajax.Request constructor? Parameters {method: 'get', parameters: pars, onComplete: showResponse} represent the actual writing of an anonymous object. He means that the object you passed in has an attribute named method with a value of 'get', another attribute named parameters that contains the query string of the HTTP request, and an onComplete attribute/method that contains the function showResponse.
There are some other properties that can be defined and set in this object, such as asynchronous, which can be true or false to determine whether the AJAX call to the server is asynchronous (the default value is true). This parameter defines the options for the AJAX call. In our example, when requesting that url via the HTTP GET command as the first parameter, passing in the query string contained in the variable pars, the Ajax.Request object will call the showResponse method when it has finished receiving the response.
As you may know, XMLHttpRequest will report progress during the HTTP request. This progress is described as four different stages: Loading, Loaded, Interactive, or Complete. You can make the Ajax.Request object call custom methods at any stage, Complete is the most commonly used one. To call a custom method, simply provide a custom method object in the onXXXXX attribute/method in the option parameter of the request. Like onComplete in our example. The method you pass in will be called with one parameter, which is the XMLHttpRequest object itself. You will use this object to get the returned data and perhaps check the status attribute containing the HTTP result code in this call.
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 필수 도구 작성