日期:2014-05-16 浏览次数:20478 次
1.主要实现功能效果图如下:
2.项目案例分析
由于地方有限,这里只列出核心代码,js的编写源码和struts的源码;更多源码,以及数据库见本人资源,0分上传,免费供大家参考学习:tianyazaiheruan
尊重别人的劳动成果与知识产权,转载请指明出处:杨凯专属频道
该项目为一个整合hibernate与struts,利用json对象存放临时数据库数据,连接数据的三级联动;改项目使用ajax传递请求连接和参数;数据库结果为三表级联,三表之间依次都是多对一的关系;其中代码核心代码都附有详细的注释,供大家研讨学习;
其中包括:Select.js:主要实现功能的js;Util.js:工具js,封装一些ajax的请求方法以及创建ajax的方法还有模拟jQuery的根据id获取dom对象;Struts.xml:主要亮点在配置一个多变级联时防止加载多个表的操作,从而达到解决多表级联操作的时候经常出现的session已关闭的bug
3.核心代码
Select.js:主要实现功能的js window.onload = function() { // 创建省份的节点对象 var provinceDom = $("province"); // 创建市的节点对象 var cityDom = $("city"); // 创建城镇的节点对象 var countryDom = $("country"); // 实现省的操作 // 发送ajax请求 var url = "./csdn/ProvinceAction_select.action?time=" + new Date().getTime(); sendGet(content, url, getProvinceSuccess, getProvinceFail); function getProvinceSuccess(xhr) { // 获取省份的json对象 var provinceObj = eval("(" + xhr.responseText + ")"); // 获取存放在json对象中的省份数组 var jsonprovinces = provinceObj.provinces; // 遍历省份数组 for ( var i = 0; i < jsonprovinces.length; i++) { // 得到具体的省 var jsonProvince = jsonprovinces[i]; // 创建显示省的option