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],[ ...

随机推荐

opencv 通过摄像头捕捉头部
code: #include <opencv\cv.h> #include <opencv\highgui.h> #include <opencv\cxcore.h> ...
ubuntu 忘记用户名及密码解决办法
1.重启系统 2.长按Shift键,直到出现菜单.选择recovery mode,即恢复模式 3.选择root 4.# 后面敲入 cat /etc/shadow 查看用户名 5.# passwd & ...
关系数据库范式（NF： Normal Form）说明
关系数据库范式(NF: Normal Form) 说明数据库电话insertdelete存储oracle 目录(?)[+] 一.范式概述(NF:NormalForm) 数据库的设计范式是数 ...
中国大概能用的NTPserver地址
133.100.11.8 prefer210.72.145.44203.117.180.36131.107.1.10time.asia.apple.com64.236.96.53130.149.17. ...
逗号分隔字符串转换为一张表--解决查询in(逗号分隔字符串)出错问题
CREATE PROCEDURE [dbo].[Pro_TEST] AS BEGIN ) ) SET @split=',' SET @c='025,023,014,015' )) ) BEGIN IN ...
ulimit 命令详解
Linux对于每个用户,系统限制其最大进程数.为提高性能,可以根据设备资源情况,设置各linux 用户的最大进程数可以用ulimit -a 来显示当前的各种用户进程限制. 下面我把某linux用 ...
sql server R2 下载地址收藏
SQL Server 2008 R2 下载地址 32位: http://care.dlservice.microsoft.com/dl/download/1/e/6/1e626796-588a-495 ...
velocity properties
resource.loader=webapp webapp.resource.loader.class=org.apache.velocity.tools.view.servlet.WebappLoa ...
HTML5 面试中最常问到的 10 个问题
1. HTML5 新的 DocType 和 Charset 是什么?HTML5 现在已经不是 SGML 的子集,DocType 简化为: <!doctype h ...
JAVA获取CLASSPATH路径--转
ClassLoader提供了两个方法用于从装载的类路径中取得资源: public URL getResource(String name); public InputStream ge ...

Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动

Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动的更多相关文章

随机推荐

热门专题