JavaScript Ajax Jsonで上下のドロップダウンボックスの連携効果を実現 コード例_javascriptスキル

最近、部門と人事のドロップダウンボックス連携機能を作成してみました。部門と人事は1:Nの対応関係です

。

コードをコピー コードは次のとおりです:

選択してください



>

人

部門ドロップダウン ボックスの onchange() イベントは、AJAX メソッドを受け取り、JSON オブジェクトを返します (JSON には LIST が含まれます)。

このページの js メソッドの書き方:

コードをコピー コードは次のとおりです:

ここで返されるデータにはリストが含まれています (以下のリストを参照)。このリストには、個人のコードと個人の名前という 2 つの属性が含まれています。次に、最初に人事ドロップダウン ボックスを empty() し、選択コントロールの追加メソッドを通じて新しいドロップダウン ボックス要素を追加します。

バックエンドコード:

コードをコピー

コードは次のとおりです:

public StringDepartmentChangeEvent() throws Exception{
userList=service.queryForList("Workorder.queryUserByDepartmentCode",DepartmentCode);
if(userList!=null&&userList.size()>0)
{
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
response.setHeader("Pragma","キャッシュなし");
response.setHeader("Cache-Control","no-cache");
response.setHeader("Cache-Control", "no-store");
PrintWriter ライター = 応答.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();  }
null を返します。 
}

このメソッドは部門切り替えイベントであり、部門コード(フィールドフィールド、有セット、get) によって要求された現在の部門のユーザーが userList に追加されます。

その後、標準の書き込み法によって userList が、KEY がリストである適切な HashMap に配置されます。

复制代 代码如下:

JSONObject jso = JSONObject.fromObject(map); 

これは最も重要な手順であり、ある json オブジェクトの作成メソッドは JSONObject jso = new JSONObject() とすることもでき、その後、リスト内の記述を jso に挿入します。 ここでは実行できず、フロント台が返すのは文字列です。。。

struts で返される型は json

复制代代码如下:

 

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。