最近尝试做出一个部门和人员的下拉框联动功能，部门和人员的对应关系是1:N [html] 部门 请选择 '> 人员 '> 部門ドロップダウン ボックスの onchange() イベントは、AJAX メソッドを受け取り、JSON オブジェクトを返します (JSON には LIST が含まれます)。 jsメソッドはこのページに書かれています: [javascript] </p> <p>function change(){ </p> <p> var planCode =$("#Department").val （）;「get '」、url： "departmentchangeevent.shtml"、false、</p> <p>sel2.empty（）; </p> <p> var items=data.list; </p> <p> { </p> <p> var item=items[i] </p> <p> sel2.append("<option value='"+item.userName+"'>; "+item.user中国語名+" ＆lt;/option＆gt; "）;} sel2.empty（）;</option></p> <p>}）; </p> <p>ここで返されるデータにはリストが含まれており (以下のリストを参照)、リストには個人のコードと個人の名前という 2 つの属性が含まれています。次に、最初に人事ドロップダウン ボックスを empty() し、選択コントロールの追加メソッドを通じて新しいドロップダウン ボックス要素を追加します。 </p> <p>バックエンドコード: </p> <p>[java] </p> <p>public String planChangeEvent() throws Exception{ </p> <p>を使用して を使用して を使用して を使用して を使用して アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウトto ‐ ‐w nw </p> <p> List.size()> ;0) </p> <p> response.setHeader("Pragma","No-cache "); </p> <p> Response.Setheader (" Cache-Control "," No-Cache) "); </p> <p> Response.Setheader (" Cache-Control "," No-Store "); twriter ( ; JSONObject jso = JSONObject.fromObject(map); </p> <p> Writer .write(jso.toString()); </p> <p> Writer.flush(); Writer.close();</p> <p> null を返します。 www.2cto.com</p> <p>次に、標準的な記述を通じて userList を定義された HashMap に配置します。KEY は list です。 </p> <p>[java] </p> <p><strong> JSONObject jso = JSONObject.fromObject(map);</strong> </p> <p> 一部の JSON オブジェクト作成メソッドは、JSONObject jso = new JSONObject( ) にすることもできます。 ; 次に、リスト内のレコードを jso に入れます。 。 。 </p> <p>ここでは機能しません。フロントエンドは返されたものが文字列であると認識します。 。 。 </p> <p>struts の戻り値の型は json</p> <p>[html] です </p> <p><action name="DepartmentChangeEvent" class="workorderAction" method="DepartmentChangeEvent"> > </p> <p> </action> </p> <p></p> <p></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
