Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动
看网上JqueryAjax三级联动的例子讲不是很全,代码也给的不是很全,给初学者带来一定的难度。小弟自己写了一个，可能有些地方不是很好，希望大家能够提出建议。
用的是Hibernate+struts2写的。
以代码来说话吧。
首先是index1.jsp页面
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>"> <title>Jquery-ajax三级联动</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
</head>
<script type="text/javascript">
<!--页面加载时首先获得省-->
$(function(){
$.ajax({
type:"post",
url:"province",
dataType:"json",
async:false,
success:function(data){
var pro=eval("("+data+")");
for(var i=0;i<pro.length;i++){
$(".province").append("<option value="+pro[i].id+">"+pro[i].province+"</option>");
}
}
});
}); </script>
<body>
省：<select name="province" class="province">
<option value="0">==请选择==</option>
</select>
市：<select name="city" class="city">
<option>==请选择==</option>
</select>
区：<select name="town" class="town">
<option>==请选择==</option>
</select>
</body>
<script type="text/javascript">
<!--省下拉列表框发生改变时候的事件-->
$(".province").change(function(){
var province_id=$(".province").val();
//如果选择的是‘==请选择==’，不会执行去查找市，平且把已有的数据清空
if($(".province").val()==0){
$(".city option").remove();
$(".city").append("<option value=0>==请选择==</option>");
$(".town option").remove();
$(".town").append("<option value=0>==请选择==</option>");
return;
}
$.ajax({
type:"post",
//传一个省的id参数
url:"city?province_id="+province_id,
dataType:"json",
async:false,
success:function(city){
var city=eval("("+city+")");
for(var i=0;i<city.length;i++){
$(".city").append("<option value="+city[i].id+">"+city[i].city+"</option>");
}
}
});
});
//市下拉列表框发生改变时候的事件
$(".city").change(function(){
var city_id=$(".city").val();
if($(".city").val()==0){
$(".town option").remove();
$(".town").append("<option value=0>==请选择==</option>");
return;
}
$.ajax({
type:"post",
url:"town?city_id="+city_id,
dataType:"json",
async:false,
success:function(town){
var town=eval("("+town+")");
for(var i=0;i<town.length;i++){
$(".town").append("<option value="+town[i].id+">"+town[i].town+"</option>");
}
}
});
});
</script>
</html>
三个实体类：
1.Province实体类
package cn.yo.entity; import java.util.HashSet;
import java.util.Set; public class Province implements java.io.Serializable { private Integer id;
private String province;
private Set cities = new HashSet(0);
//省略了get,set方法
2.City实体类
package cn.yo.entity; import java.util.HashSet;
import java.util.Set; public class City implements java.io.Serializable { private Integer id;
private Province province;
private String city;
private Set towns = new HashSet(0);
//省略了get,set方法
3.Town实体类
package cn.yo.entity;
public class Town implements java.io.Serializable {
private Integer id;
private City city;
private String town;
//省略了get,set方法
本人比较懒，用的是Hibernate框架，HibernateSessionFactory这个类大家会用Hibernate应该都会知道，我就不贴出了。
package cn.yo.dao; import java.util.List;
import org.hibernate.Session;
import cn.yo.entity.City;
import cn.yo.entity.Province;
import cn.yo.entity.Town; public class ProvinceDao {
//查询全部省
public List<Province> findProvince(){
Session session=HibernateSessionFactory.getSession();
String hql="from Province";
List<Province> province=session.createQuery(hql).list();
if(province.size()>0){
return province;
}
else{
return null;
}
}
//根据省的Id查询该省下的全部市
public List<City> findCityById(int id){
Session session=HibernateSessionFactory.getSession();
String hql="from City c where c.province.id='"+id+"'";
List<City> city=session.createQuery(hql).list();
if(city.size()>0){
return city;
}else{
return null;
}
}
//根据市的Id查询该市下的全部镇
public List<Town> findTownById(int id){
Session session=HibernateSessionFactory.getSession();
String hql="from Town t where t.city='"+id+"'";
List<Town> town=session.createQuery(hql).list();
if(town.size()>0){
return town;
}else{
return null;
}
}
}
接下来是action类
package cn.yo.action; import java.util.List;
import org.apache.struts2.ServletActionContext;
import net.sf.json.JSONArray;
import net.sf.json.JsonConfig;
import cn.yo.dao.ProvinceDao;
import cn.yo.entity.City;
import cn.yo.entity.Province;
import cn.yo.entity.Town; import com.opensymphony.xwork2.ActionSupport; public class ProvinceAction extends ActionSupport {
private String result;//返回到客户端的数据
//省略get,set方法 //获得省
public String findProvince()throws Exception{
ProvinceDao d=new ProvinceDao();
List<Province> p=d.findProvince();
System.out.println("------");
JsonConfig config=new JsonConfig();
//Hibernate中关联set需要过滤，不然会引起死循环。我在这吃了很大的亏，希望大家能重视
config.setExcludes(new String[]{"cities"});
//转化为JSON
JSONArray jArray = JSONArray.fromObject(p,config);
result=jArray.toString();
return SUCCESS;
} //获得城市
public String findCity()throws Exception{
ProvinceDao d=new ProvinceDao();
int id=Integer.parseInt(ServletActionContext.getRequest().getParameter("province_id"));
List<City> c=d.findCityById(id);
JsonConfig config=new JsonConfig();
config.setExcludes(new String[]{"province","towns"});
JSONArray jArray=JSONArray.fromObject(c, config);
result=jArray.toString();
return SUCCESS;
}
//获得镇
public String findTown()throws Exception{
ProvinceDao d=new ProvinceDao();
int id=Integer.parseInt(ServletActionContext.getRequest().getParameter("city_id"));
List<Town> t=d.findTownById(id);
JsonConfig config=new JsonConfig();
config.setExcludes(new String[]{"city"});
JSONArray jArray=JSONArray.fromObject(t,config);
result=jArray.toString();
return SUCCESS;
}
}
在看struts2的配置
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
<!--需要继承json-default-->
<package name="myajax" namespace="/" extends="struts-default,json-default">
<action name="province" class="cn.yo.action.ProvinceAction" method="findProvince">
<!-- 返回json类型数据 -->
<result type="json">
<!--返回到客户端的result-->
<param name="root">result</param>
</result>
</action>
<action name="city" class="cn.yo.action.ProvinceAction" method="findCity">
<!-- 返回json类型数据 -->
<result type="json">
<param name="root">result</param>
</result>
</action>
<action name="town" class="cn.yo.action.ProvinceAction" method="findTown">
<!-- 返回json类型数据 -->
<result type="json">
<param name="root">result</param>
</result>
</action>
</package>
</struts>
web.xml配置文件
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<filter>
<filter-name>struts2</filter-name>
<filter-class>
org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
好了,代码全部贴出,其中hibernate中实体类的配置文件,没什么大的变化,就不贴出了,Hibernate连接数据库的的配置文件也不贴出了.
表述的可能有些不好,希望能帮初学者一点小小的忙吧.有什么建议,希望大家指出.小弟感激不尽.
版权所有,转载请注明出处.
Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动的更多相关文章
- Hibernate+DWR无刷新三级联动
DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在 ...
- JQuery中国省市区无刷新三级联动查询
之前有写过用<Ajax控件来实现中国的省市区无刷新查询> 今天用JQuery来实现,用Ajax控件和JQuery的优缺点就先不说了. 效果图如下: 下面来结合代码来详细说明一下如何用JQu ...
- Ajax做无刷新三级联动
1.引入JS and Jquery包 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
- jquery 无刷新多级联动
原先不熟悉jquery时,总在寻找无刷新的方法,在此不断的积累自己所知道的jquery属性,常用方法.以下为jquery实现的无刷新联动事件 分公司: <select id="Sele ...
- ajax分页2：jquery.pagination +JSON 动态无刷新分页
静态页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
- asp.net中利用Jquery+Ajax+Json实现无刷新分页(二)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageTest.aspx.cs ...
- jquery.pagination +JSON 动态无刷新分页
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SqlPage.aspx.cs& ...
- Jquery实现无刷新DropDownList联动
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &l ...
- ASP.NET中使用DropDownList实现无刷新二级联动详细过程
Demo.sql create table Car( [id] int identity, ) not null, ) not null ) go insert into Car ([brand],[ ...
随机推荐
- HDU5739-Fantasia（tarjan求割点）
题意:给一个无向图n个点1~n,m条边,sigma(i*zi)%(1e9+7).zi是这个图删掉i点之后的价值.一个图的价值是所有连通子图的价值之和,连通图的价值是每个点的乘积. 题解:讲道理这题不算 ...
- Hadoop MapReduce编程 API入门系列之mr编程快捷键活用技巧详解（四）
1.Shift + Alt + S Hadoop没有使用jdk自带的默认序列化机制. 现在呢,hadoop-2.*里有两套序列化机制.一个是自己hadoop的序列化机制,一个是谷歌的. 所以,要改为. ...
- Java深度遍历文件夹(递归实现)
package FileDemo; import java.io.File; public class DeepSearchDir { /** * @param args */ public stat ...
- Keil : Contents missmatch at:08000E84H Verify Failed!
Keil 下载时出以下错误: Device: STM32F103VB VTarget = 3.300V State of Pins: TCK: 0, TDI: 0, TDO: 1, TMS: 0, T ...
- vs开发工具使用问题
1.快捷键失效:(如:VS中CTRL+E,CTRL+D自动缩进功能不能使用) 通过设置“工具”-“选项”-“环境”-“键盘”-“应用以下其他键盘映射方案”中,选择"Visual C# 200 ...
- 【不积跬步，无以致千里】Linux下启动Oracle服务和监听程序
oracle数据库是重量级的,其管理非常复杂,将其在linux平台上的启动和关闭步骤整理一下. 安装完毕oracle以后,需要创建oracle系统用户,并在/home/oracle下面的.bash_p ...
- 【54】让自己熟悉包括TR1在内的标准程序库
1.C++0X,不确定哪一年出来,意指200X版的C++ 2.C++标准程序库的主要机能有:STL,iostreams,locals等. 3.TR1:Technical Report 1,只是一份规范 ...
- Centos 7 yum 安装Apache
1.首先查看是否已经安装 rpm -qa httpd 2.如果没有 yum install httpd -y rpm -ql httpd 查看 3 ...
- php删除最后一个字符
原字符串1,2,3,4,5,6, 去掉最后一个字符",",最终结果为1,2,3,4,5,6 结合运用substr和strlen两个函数实现. 代码: $str = "1, ...
- [Bootstrap] 3. Responsive Gridding (.hidden-sm, visible-md)
Grid Size For .col-md We started designing our site using the col-md-* classes. These classes target ...