用户管理设计_jquery的ajax实现两级联动效果

页面效果

实施步骤

1.引入struts来集成json插件包

2.页面使用jquery的ajax调用带有二次链接的js

//ajax二次联动，使用选中的公司，查询该公司下对应的公司名称列表。函数查找(o){//货物公司varjct的文本内容=$ (o)。查找(选择了选项：)。text()；$.post(' elec user action _ find structure . do '，{'jctid' :jct}，function(数据，文本状态){//先删除公司名称的下拉菜单，但请选择留下$ ('# jctunidoption ')。移除()；if(数据！=null data . length 0){ for(var I=0；idata.lengthi ){ var ddlCode=data[i]。ddlCodevar ddlName=data[i]。ddlName//添加到公司名称var $option=$('option/option ')的下拉菜单；$option.attr('value '，ddlCode)；$ option . text(DDlname)；$('#jctUnitID ')。追加($ option)；} } });}3.在Action类中定义findstructure()方法，返回的List集合放在堆栈的顶部，struts2将其转换为json数据

/* * * @ name : find structure * @ description :使用jquery的ajax完成二次联动，使用关联公司。关联公司名称* @Parameters:不可用* @Return:使用struts 2 */public string find structure()的json插件包{//1:获取关联公司下数据项的值(从页面提交的jctID值，不是数据字典中的DDL代码)字符串jctID=elec . getjctid()；//2:将该值作为数据类型，查询对应数据字典的值，返回listlecystemddellist=elecsystemddlservice。findsystemddllistbykeyword(jctid)；//3:将ListElecSystemDDL转换成json数组，将List集合放在栈顶valueutils . pushvaluestack(List)；返回“findctunit”；} findsystemddllistbykeyword(jctid)是在数据字典服务中实现的一种方法，主要是根据数据类型名称查询数据字典，返回列表集合对象

ValueUtils是一个工具类，pushValueStack方法将列表推到struts2值堆栈的顶部

公共类value utils { public static void pushValueStack(Object Object){ servletactioncontext . getcontext()。getValueStack()。push(对象)；} } struts2的插件包将json推送到Struts 2值栈的列表集合中的对象的所有属性

4.在struts.xml中定义

(1)修改扩展值

修改前

！-系统管理-包名=' system '修改后扩展=' struts-default '命名空间='/system '

！-系统管理-包名=' system' extends=' JSON-default '命名空间='/system' (2)添加映射

！-如果是List集合，则转换为json数组；如果是对象对象，将转换为json对象-结果名称=' findstructure '类型=' JSON '/结果。完成上述步骤后，您可以选择贵公司下拉框的值，公司名称的下拉选项中会有相应的值。

在浏览器页面上查看json数据，如下所示：

如果想要json一个属性，可以在这个时候修改struts.xml文件：

！-如果是List集合，则转换为json数组；如果是对象对象，将其转换为json对象-结果名称=' findstructure '类型=' JSON' param名称=' includeproperties' \ [\ d \] \。ddlcode，[\ d \] \。ddlName/param /result这里，正则表达式用于截取一个或多个DDL code和ddlnames，这样json数据只包含DDL code和ddlNames。

以上用户管理的design _jquery的ajax二次链接效果就是边肖与大家分享的全部内容。希望能给大家一个参考，多支持我们。