| Use reco to write Ajax applications |
This is basically an introductory tutorial for copying reco. In reco, the Ajax mechanism is encapsulated in an object-oriented manner, and two simple response modes are designed: Element update and JS response. Here we will only look at the element update. Writing an AJAX application from scratch is troublesome, but using a library written by others will get twice the result with half the effort. Reco only requires a trilogy: 1. register the Ajax request processor. It is the stuff that sends Ajax requests. The first line of code is as follows. Register the Response processor. In the element update mode, the processor is an element. Here, you only need to register the element ID. For example, the second line of code will automatically update the AJAX response to the element.
function bodyOnLoad() { ajaxEngine.registerRequest("getxx", "hotman_x.xml"); //1 ajaxEngine.registerAjaxElement("xx"); // 2 }Generally, this function is activated as the onload event of the body. It can be seen from the name, huh, huh.
2. Write the HTML subject. Of course, you must have an HTML element with the ID xx and the content available for update. Elements such as <br> cannot be dropped.
3. Send an AJAX request: ajaxEngine. sendRequest ("getxx"); of course, to execute this statement, you need a method to call it, such as placing a button or something.
The JS part is complete. The background also needs to do a little bit, that is, send an xml response to the corresponding call. Note the preceding statement 1. The second parameter is to request an XML document with response data. This is for the sake of simplicity. In actual situations, I am afraid this parameter will not be a static page. It is generally a dynamic page such as JSP and ASP. This dynamic page will provide an XML response. However, pay attention to a small problem, that is, the HTTP response Header must explicitly indicate that the MIME type of the returned document is XML, as shown in JSP: <% response. setHeader ("Content-Type", "text/xml"); %>. After talking about it for a long time, we should look at the Code:
<pre> <script src="prototype.js"></script> function requestIt() { |
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
