struts2实现二级菜单联动
来源:互联网 发布:js写html代码 编辑:程序博客网 时间:2024/05/01 15:06
实现框架:struts2+jquery+json
一.JSON介绍:
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。
二.实现步骤:
2.1:/WEB-INF/lib/下导入
struts2/json-lib-2.1.jar,
struts2/struts2-json-plugin-2.1.8.1.jar
2.2:jsp文件代码:
<script type="text/javascript"src="scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
function getCom(){
var pid=$("#area_id").val();
//alert(pid);
$.ajax({
cache:false,
url:'ajaxGetComName.action',
type:'post',
dataType:'json',
data:{area_id:pid},
success:update_c
});
}
function update_c(json){
var comList=json.list;
//alert(comList);
var s_root=document.getElementById('com_id');
s_root.options.length=0;
var pid=$("#area_id").val();
for(var i in comList){
var option = document.createElement("option");
var value=comList[i].com_id;
var text=comList[i].com_name;
var area_id=comList[i].area;
if(pid==area_id){
option.text=text;
option.value=value;
s_root.options[s_root.options.length] =option;
}
}
}
</script>
<tr>
<td align="right" width="35%">品牌:</td>
<td><select name="area_id" id="area_id" onchange="getCom()">
<option value="1">欧 美</option>
<option value="2">日 韩</option>
<option value="3">国 产</option>
</select>
<select name="ter.com_id" id="com_id">
</select></td>
</tr>
2.3:struts.xml文件:
<package name="default" extends="struts-default,json-default">
增加extends json-default
<action name="ajax*" class="com.aspire.mdo.ualib.action.ComAction" method="ajaxGetComName">
<result type="json" ></result>
</action>
2.4:java文件:
private List<MobileCompanyBaseInfoPO> list;
@JSON(name="list")
public List<MobileCompanyBaseInfoPO> getList() {
return list;
}
public String ajaxGetComName(){
try{
list = dao.getMobileCompanysBaseInfoByArea(area_id);
}catch(Exception e){
e.printStackTrace();
log.error(e);
}
return SUCCESS;
}
- struts2实现二级菜单联动
- struts2+jquery实现二级联动菜单
- 简单二级联动菜单实现
- Ajax实现二级联动菜单
- Ajax实现二级联动菜单
- Ajax实现二级联动菜单
- Ajax实现二级联动菜单
- Ajax实现二级联动菜单
- select菜单实现二级联动
- 二级联动菜单,简单实现
- 二级联动菜单,简单实现
- PopWindow实现二级联动菜单
- Javascript实现二级联动菜单
- Ajax实现二级联动菜单
- js 实现 二级联动菜单
- js实现二级联动菜单
- PopWindow实现二级联动菜单
- JavaScript 学习--二级联动菜单实现
- 在VC中调用DirectShow全屏播放视频
- 水波三
- Java中对象的串行化(Serialization)和transient关键字
- 做一棵永远成长的苹果树
- 创建webServices时候不能发布的解决办法
- struts2实现二级菜单联动
- 解决FLASH在Firefox中Session问题
- 学做嵌入式Linux系统(转)
- 初学者必读-IDE及资料书籍的选择
- Eclispe 体系结构综述
- input type=file 标签禁止让用户手动输入
- Queue的应用
- 文件下载时,弹出下载框的方法
- 工具共享