彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 彩世界时时app > JavaScript Ajax Json实现上下级下拉框联动效果实例代

JavaScript Ajax Json实现上下级下拉框联动效果实例代

发布时间:2019-11-30 04:09编辑:彩世界时时app浏览(107)

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

    复制代码 代码如下:

    部门

    请选择

    人员

    部门下拉框的onchange()事件走一个AJAX方法,返回一个JSON对象。

    js方法在此页面的写法:

    复制代码 代码如下:

    此处返回的data里包含list,list里包含着人员的代码,人员的姓名两个属性。然后先把人员下拉框empty(),通过select控件append方法 添加新的下拉框元素。

    后台代码:

    复制代码 代码如下:public String departmentChangeEvent() throws Exception{userList=service.queryForList("Workorder.queryUserByDepartmentCode", departmentCode);if(userList!=null&&userList.size{HttpServletResponse response = ServletActionContext.getResponse();response.setContentType("text/html;charset=utf-8");response.setHeader;response.setHeader("Cache-Control","no-cache");response.setHeader("Cache-Control", "no-store");PrintWriter writer = response.getWriter();JSONObject json = new JSONObject();Map map = new HashMap(); map.put; JSONObject jso = JSONObject.fromObject;writer.write; writer.flush;} return null; }

    这个方法是部门切换事件,通过departmentCode来求的当前部门下的用户放到userList中。

    然后通过标准写法把userList放到一个定义好的HashMap中,KEY为list。

    复制代码 代码如下: JSONObject jso = JSONObject.fromObject;

    这是最为关键的一步,有的json对象创建方法也可以为JSONObject jso = new JSONObject() ; 然后把list里的记录放入到jso中。。。

    在这里是行不通的,前台会认为返回的是个字符串。。。

    struts中 返回类型为json

    复制代码 代码如下:

    本文由彩世界平台发布于彩世界时时app,转载请注明出处:JavaScript Ajax Json实现上下级下拉框联动效果实例代

    关键词: