JavaScript Ajax Json實作上下級下拉框連動效果實例程式碼_javascript技巧
May 16, 2016 pm 05:12 PM
ajax
javascript
json
最近嘗試做出一個部門和人員的下拉框連動功能,部門和人員的對應關係是1:N
複製代碼 代碼如下:
部門
SPAN>
人員
部門下拉框的onchange()事件走一個AJAX方法,回傳一個JSON物件(JSON裡放的是個LIST)。
js方法在此頁的寫法:
複製代碼 代碼如下:
此處傳回的data裡包含list(list見後文),list裡包含著人員的程式碼,人員的姓名兩個屬性。然後先把人員下拉框empty(),透過select控制項append方法 新增新的下拉框元素。
後台程式碼:
複製程式碼
程式碼如下:
public String DepartmentChangeEvent() 傳送例外狀況{
userList=service.queryForList("Workorder.queryUserByDepartmentCode", DepartmentCode);
List if(useruserList=nizeif(userusers);
? > {
HttpServletResponse response = ServletActionContext.getResponse();
response.setCont );
response.setHeader("Cache-Control","no-cache");
response.setHeader("Cache-Control", "no-store");
response.setHeader("Cache-Control", "no-store");
getWriter();
JSONObject json = new JSONObject();
Map map = new HashMap();
地圖);
writer.write(jso.toString());
writer.flush();
writer.close();
writer.close(); }
回傳 null;
}
這個方法是部門切換事件,透過departmentCode(field域,有set,get)來求目前部門下的使用者放到userList中。
然後透過標準的寫法把userList放入定義好的HashMap中,KEY為list。複製程式碼程式碼如下:
JSONObjectso = JmapSON. ; struts中回傳型別為json
複製程式碼
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)