DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> JSP+AJAX 添加、刪除多選框
JSP+AJAX 添加、刪除多選框
編輯:AJAX詳解     

本例是采用JSP + AJax + 文本來演示多選、全選,添加、刪除、更新checkbox多選框的效果;充分展現了利用JavaScript控制Html DOM以及利用XML http 傳遞數據,利用JSP操作文本的效果。


  價值25元大頭貼軟件免費送【火熱討論】
60款免費軟件大名單公布【火熱討論】

  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.交互設計方面沒有好好地做,這裡主要表示的是技術實現和交流。
 源文件:點擊下載

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved