?? note.txt
字號:
本例是采用JSP + Ajax + 文本來演示多選、全選,添加、刪除、更新checkbox多選框的效果。
本例充分展現了利用JavaScript控制HTML DOM以及利用XML http 傳遞數據,利用JSP操作文本的效果。
1,JavaScript 用來控制頁面內容的現實與增刪效果;
2,JSP作為后臺,對文本進行讀取、寫入、更新等操作;
3,文本格式是用來存儲數據的,數據編碼UTF-8;4, 本例子在win32,Red hat Linux 9下 jdk1.5,Tomcat 5.0,Apache 2.5下調試通過,同時兼容Firefox 1.0,Opera 8.0,IE6。
本例子的優點:
1,實時創建html對象,所見即所得的頁面增刪操作。顯示速度加快,增加用戶體驗。
2,XML http傳遞數據是只是一個id或一個表單值,節省帶寬。
3,本例子適合采用XML http方式,所以這個效果實用性強,可是JS/JSP代碼都很簡單。
4,有很多東西可以在其他項目中共用,并且解決了操作文本關于中文字符編碼的問題。
(本例子在中文操作系統運行,所以選擇了GBK編碼,如果OS是英文的則需要另外處理,比如改編碼為UTF-8,或者根據需要另外轉換編碼。)5,有拖拽以及展開關閉的效果,用cookie記錄了位置以及打開關閉狀態,可以在某個項目里用。
6,有豐富的注釋,適合初學者一起探討。
缺點:
1,維護調試麻煩,為了這個效果是否值得這樣做?如果采用普通的方式,嵌入一個iframe進來,會不會也可以。
2,代碼沒有更多地優化、簡寫,有些地方冗余。
3,交互設計方面沒有好好地做,這里主要表示的是技術實現和交流。在線說明文檔 http://jiarry.blogchina.com/5599587.html靜態頁面演示地址:http://jarryli.googlepages.com/checkbox_test.html (詳細的說明,隨后補充)源文件下載地址:http://jarryli.googlepages.com/checkbox.rar
另外之前做的
PHP+Ajax 發帖程序實例:http://jiarry.blogchina.com/5555296.html 源碼下載:http://jarryli.googlepages.com/post_ajax.rar
JSP登錄證碼無刷新提示:http://jiarry.blogchina.com/5287654.html 源碼下載:http://jarryli.googlepages.com/imgValidate.rar
http://bbs.blueidea.com/viewthread.php?tid=2673442&page=1&extra=page%3D1#pid2739093
http://bbs.javascript.com.cn/read.php?tid=5882&page=1&toread=1
http://www.phpx.com/happy/thread-123904-1-1.html
http://bbs.chinajavaworld.com/kbcategory.jspa?categoryID=2
http://matrix.org.cn/thread.shtml?topicId=50902&forumId=19
http://community.csdn.net/Expert/topic/4998/4998341.xml?temp=.9262049
http://bbs.chinajavaworld.com/thread.jspa?threadID=725697
http://bbs.chinaunix.net/viewthread.php?tid=823112&extra=page%3D1
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -