首頁 web前端 js教程 JavaScript Ajax Json實作上下級下拉框連動效果實例程式碼_javascript技巧

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. ; 


這是關鍵的一步,有的json物件建立方法也可以為JSONObject jso = new JSONObject() ;然後把list裡的貨架記錄到jso。 這裡是行不通的,前台會認為回傳的是字串。

struts中回傳型別為json

複製程式碼

程式碼如下:         
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

PHP 數組轉 JSON 的效能最佳化技巧 PHP 數組轉 JSON 的效能最佳化技巧 May 04, 2024 pm 06:15 PM

PHP 數組轉 JSON 的效能最佳化技巧

Jackson庫中註解如何控制JSON序列化和反序列化? Jackson庫中註解如何控制JSON序列化和反序列化? May 06, 2024 pm 10:09 PM

Jackson庫中註解如何控制JSON序列化和反序列化?

如何使用Ajax從PHP方法取得變數? 如何使用Ajax從PHP方法取得變數? Mar 09, 2024 pm 05:36 PM

如何使用Ajax從PHP方法取得變數?

深入了解PHP:JSON Unicode轉中文的實作方法 深入了解PHP:JSON Unicode轉中文的實作方法 Mar 05, 2024 pm 02:48 PM

深入了解PHP:JSON Unicode轉中文的實作方法

PHP 與 Ajax:建立動態載入內容的解決方案 PHP 與 Ajax:建立動態載入內容的解決方案 Jun 06, 2024 pm 01:12 PM

PHP 與 Ajax:建立動態載入內容的解決方案

PHP 數組轉 JSON 的快捷技巧 PHP 數組轉 JSON 的快捷技巧 May 03, 2024 pm 06:33 PM

PHP 數組轉 JSON 的快捷技巧

征服 Java JSON 處理的巔峰:解析和創建複雜數據 征服 Java JSON 處理的巔峰:解析和創建複雜數據 Mar 09, 2024 am 09:13 AM

征服 Java JSON 處理的巔峰:解析和創建複雜數據

PHP 與 Ajax:提升 Ajax 安全性的方法 PHP 與 Ajax:提升 Ajax 安全性的方法 Jun 01, 2024 am 09:34 AM

PHP 與 Ajax:提升 Ajax 安全性的方法

See all articles