JavaScript Ajax Json realisiert die Verknüpfung zwischen oberen und unteren Dropdown-Boxen

最近尝试做出一个部门和人员的下拉框联动功能，部门和人员的对应关系是1:N

[html] 

部门

 

   

 

     

   

请选择  

     

       

'>  

     

   

   

   

 

 

人员

 

   

 

     

                              

     

       

'>  

     

   

 

   

Das onchange()-Ereignis des Abteilungs-Dropdown-Felds verwendet eine AJAX-Methode und gibt ein JSON-Objekt zurück (das JSON ist eine LISTE).

Die Art und Weise, wie die js-Methode auf dieser Seite geschrieben ist:

[javascript]

Die hier zurückgegebenen Daten enthalten eine Liste (siehe Liste unten), und die Liste enthält zwei Attribute: den Code der Person und den Namen der Person. Leeren Sie dann zuerst das Personal-Dropdown-Feld und fügen Sie über die Methode „Select Control Append“ ein neues Dropdown-Feldelement hinzu.

Backend-Code:

[java]

public String DepartmentChangeEvent() löst eine Ausnahme aus{

userList=service.queryForList("Workorder.queryUserByDepartmentCode", abteilungscode); >        Response.setContentType("text/html;charset=utf-8"); Cache-Control", "no-cache");

Response.setHeader("Cache-Control", "no-store ");

PrintWriterwriter = Response.getWriter();

JSONObject json = new JSONObject();

Map map = new HashMap();

map.put("list",userList);

JSONObject jso = JSONObject.fromObject(map);

writer.write(jso.toString()); 🎜>writer.flush();

writer.close( }

                 return null; Der Benutzer wird in userList platziert. www.2cto.com

Fügen Sie dann die Benutzerliste durch Standardschreiben in eine definierte HashMap ein, und der SCHLÜSSEL ist die Liste.

[java]

JSONObject jso = JSONObject.fromObject(map); Die Methode zur Objekterstellung kann auch JSONObject jso = new JSONObject(); sein und dann die Datensätze in die Liste in jso einfügen. . .

Hier wird es nicht funktionieren, das Frontend wird denken, dass der zurückgegebene Wert ein String ist. . .

Der Rückgabetyp in Struts ist json

[html]

>