Jsp+ajax Add and remove multiple-selection boxes

Ajax|js

This example uses JSP + Ajax + text to demonstrate multiple selection, select all, add, delete, update checkbox multiple Marquee effect, fully demonstrates the use of JavaScript to control the HTML DOM and the use of XML HTTP to pass data, JSP manipulate text effect.

$25 worth of big sticker software free to send "fiery discussion"
60 free Software list published "fiery discussion"

1.JavaScript to control the reality of the page content and additions and deletions effect;
2.JSP as the background, the text read, write, update and other operations;
3. Text format is used to store data, data encoding utf-8;4, this example in win32,red hat Linux 9 under Jdk1.5,tomcat 5.0,apache 2.5 debugging through, while compatible with Firefox 1.0,opera 8.0,ie6.

Advantages of this example:

1. Create HTML objects in real time, see the resulting page additions and deletions operation. The display speeds up and increases the user experience.
2.XML http Pass data is just an ID or a form value that saves bandwidth.
3. This example is suitable for using XML HTTP, so the effect is strong, but js/jsp code is simple.
4. There are many things that can be shared in other projects and solve the problem of manipulating text encoding for Chinese characters. (This example runs in the Chinese operating system, so the GBK encoding is selected, if the OS is in English, it needs to be processed differently, for example, to encode as UTF-8, or to convert the code as needed.) )
5. Drag-and-drop effect, the use of cookies to record the location and turn off the state, can be used in a project.
6. There are rich notes, suitable for beginners to explore together.

Disadvantages:

1. Maintenance debugging trouble, in order to this effect is it worthwhile to do so? If you use the normal way, embedding an IFRAME in, will not be able to.
2. The code is not more optimized, abbreviated, and in some places redundant.
3. The interaction design is not well done, and the main expression here is technical realization and communication.
SOURCE file: Click to download