利用ssh(servlet+spring+hibernate)+ajax实现城区联动

最新推荐文章于 2019-08-02 10:29:07 发布
最新推荐文章于 2019-08-02 10:29:07 发布
阅读量973 收藏
点赞数
分类专栏： 第三阶段框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Myair_AC/article/details/78344313
版权
  1. 需求:选中城市,会显示出对应城市的区的名字
  2. 在jsp页面,用到的是 < select>< option>标签,每个< option>有value属性,意思是指选中哪项,此select的value就是这个值.
    jsp页面:先获取所有的城市,通过el表达式显示在页面,区的显示就利用ajax实现.(通过调用.ajax({}) 函数)
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
 $(function(){
     $(".dis").change(function(){
           $.ajax({

                url:"${pageContext.request.contextPath}/DisServlet?id="+$("#cityid").val(),
                async:false,
                 success: function(data) {

                     //这里如果服务器返回的是json,这里解析json，然后通过for循环等，jq中的append方法进行html元素追加
                     // json是js对象  json[i]是一个对象
                     var json = JSON.parse(data);

                     $("#dis2").empty();
                     for (var i = 0; i < json.length; i++) {
                         $("#dis2").append(
                                    "<option>"+json[i].dis_name+"</option>");
                    }

                } 
         })

     })
})
</script>
</head>

<body>
    <div>
        <select id="cityid" class="dis">
        <!-- <option></option> -->
            <c:forEach items="${list}" var="city">
                <option value="${city.city_id }">${city.city_name }</option>
            </c:forEach>
        </select>
        <select id="dis2">
        </select>
    </div>


</body>
</html>

  1. 注意上面的$(“#dis2”).empty();这里是把查询的数据给清空.

  2. for (var i = 0; i < json.length; i++) {

    (” #dis2”).append(“< option>”+json[i].dis_name+””);}  
    append()追加的时候不会把之前根据城市查询到的区给清空,为了清空,使用    (“#dis2”).empty();append()是追加到dis2的select标签

web.xml中配置:

<!--指定spring xml存在的路径，根据路径初始化ioc容器-->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>

pom.xml中配置:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.lm</groupId>
    <artifactId>test_city</artifactId>
    <version>0.0.1-SNAPSHOT</version>

    <dependencies>
        <!-- https://mvnrepository.com/artifact/com.alibaba/fastjson -->
        <!-- json -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.8</version>
        </dependency>
        <!-- jstl -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/aopalliance/aopalliance -->
        <dependency>
            <groupId>aopalliance</groupId>
            <artifactId>aopalliance</artifactId>
            <version>1.0</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/org.aspectj/aspectjweaver -->
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjweaver</artifactId>
            <version>1.8.10</version>
        </dependency>

        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>4.3.8.RELEASE</version>
        </dependency>

        <!-- 1spring的基础jar包 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>4.3.8.RELEASE</version>
        </dependency>
        <!--spring对orm框架的支持包 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-orm</artifactId>
            <version>4.3.8.RELEASE</version>
        </dependency>
        <!-- hibernate所使用的包 -->
        <dependency>
            <groupId>org.hibernate</groupId>
            <artifactId>hibernate-core</artifactId>
            <version>5.1.0.Final</version>
        </dependency>


        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <!-- mysql的connector包 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.24</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/javax/javaee-api -->
        <!-- 一些servlet等的基本类的包 -->
        <dependency>
            <groupId>javax</groupId>
            <artifactId>javaee-api</artifactId>
            <version>7.0</version>
            <scope>provided</scope>
        </dependency>
        <!--JSON -->
        <!-- https://mvnrepository.com/artifact/net.sf.json-lib/json-lib -->

    </dependencies>

</project>

dao层注意实现接口,实现类中的事务处理使用属性HibernateTemplate属性,例如:
这里写图片描述

但是在spring.xml中,标签 < bean>中的class使用的是实现类的包名加实现类名 .但是在service层类里定义dao的属性的时候,要使用接口定义属性,这就是接口的用途.例如:这里写图片描述

LM_AC
关注
专栏目录
servlet+hibernate+spring实现添删改查
10-10
servlet+hibernate+spring实现添删改查，适合初学者
Servlet, Spring, hibernate基本配置
weixin_30660027的博客
11-01 94
　　本文主要描述个人对于servlet，spring，及hibernate初始化过程的理解。 1，一切皆因web.xml而起。web.xml，也叫deployment descriptor。从这个名字就知道它包含了web程序运行的所有信息。当servlet容器初始化的时候就会读取该文件的内容，来决定如何初始化程序上下文，如何定义servlet的参数，如何定义Request Dispatch...
满屏幕的线程Hibernate结合Servlet…
flash胜龙的博客
04-21 278
发觉Hibernate每次重启都会开一堆线程来处理，所以，对于最开始通过xml文件启动hibernate的语句，一定要用单例模式。何为单例模式，就是用在类里面，用static： public class StudentTest {     private static Configuration cfg;     private static StandardServiceRegistry
深入学习SSH框架(Spring MVC +Spring FrameWork +Hibernate +Spring Security)《一:Servlet原理》
hushangjie的专栏
03-03 1520
很高兴能和大家一起分享最近的学习成果，这一系列文章主要围绕经典的SSH框架来写的。如有错误之处，敬请指正！
web整合servlet+spring和web整合struts+hibernate+spring
hqy1719239337的博客
08-02 340
1、web整合servlet+spring（在sts中创建javaweb可以参考：https://www.cnblogs.com/ZXF6/p/11066691.html，此案例中Dynamic web module version用的是3.1） （1）前提sts中已经配置tomcat 服务器、maven和jdk。 （2）导包 ...
SSH+jQuery+Ajax框架做的地区选择
07-04
SSH是Struts2、Hibernate和Spring三大框架的简称，它们各自承担着不同的职责。 **Struts2** 是一个基于MVC设计模式的Java Web框架，它在ActionServlet和ModelDriven等设计模式的基础上，提供了更灵活的控制层解决...
ssh+dwr(实现3级联)
11-03
SSH (Struts2 + Spring + Hibernate) 和 DWR (Direct Web Remoting) 是两种常见的Java Web开发技术。在本文中，我们将深入探讨如何将这两种技术结合，实现一个三级联动的效果。 SSH是Java企业级开发中广泛应用的一...
ajax+dwr整合
02-28
在SSH（Spring、Struts、Hibernate）框架下，Ajax与DWR的整合可以提高Web应用的交互性和响应速度。以下是整合步骤： 1. **添加依赖**：在项目中引入DWR相关的jar包，并配置web.xml，包括DWR的Servlet配置。 2. **...
省市级联 ssh整合实现
03-23
这里，我们主要关注如何通过SSH（Struts、Spring、Hibernate）框架实现省市级联的功能，并结合Ajax和DWR进行异步数据交互。 **SSH整合** SSH是三个开源Java框架的组合，包括Struts作为MVC（模型-视图-控制器）框架...
学生管理系统SSH
12-17
【学生管理系统SSH】是一个基于Java Web技术的教育信息化解决方案，主要使用了Struts、Spring和Hibernate这三大框架，也就是我们常说的SSH（Struts+Spring+Hibernate）集成框架。这个系统设计目标是实现对学生信息的...
Hibernate+Jsp+servlet
05-24
使用Hibernate+Jsp+servlet完成一个简单的增删改查的简单用例
ajax+ssh实现省份城市级联查询
11-09
ajax+ssh 实现省份城市级联查询 应用实例
Hibernate+servlet模板
08-24
Hibernate+servlet模板.完整的java web项目 包含数据库和java web项目源码.在数据库中运行脚本.将项目导入myeclipse,更改数据库连接就可以运行项目了.
在线拍卖系统hibernate+servlet+三层模式
11-06
Y2青鸟在线拍卖系统，里面附有数据脚本，直接部署就可以使用。
Hibernate+Servlet订购飞机票系统
06-26
Hibernate+Servlet订购飞机票系统,自带Mysql数据库，测试成功后的。
用ajax+servlet实现二级联动(以省份与城市为例)
zxingchao2009的专栏------用博客记录技术成长的点点滴滴
08-16 6640
1.实现思路：    在下拉列表框中编写js函数触发onchange事件，在这js函数中将选中的name值通过ajax传给后台servlet，在servlet中通过request.getParameter("name")获得选中的name，调用后台的方法得到相应的城市列表(此例没有数据库)。然后如果查到响应的城市的话将其列表组成一个用"#"号分割的字符串str,将其放到response的Writer中。然后在回调函数中接受应答字符串str，调用split("#")方法得到相应的城市数组，然后取得index.
Servlet3.0+hibernate
xwygn的专栏
09-05 1386
Servlet3.0+hibernate 首先介绍一下servlet3.0这个字眼并不是一种可怕的技术又出来了，这个新的一个servlet版本，那么它带有注解和插入式的功能，这里只是模糊的介绍一下，具体的需要另外的去分析了。在没有mvc模式实现的框架下，我们同样可以使用hibe
记录-Hibernate+servlet实现简单的增、删、查、改
weixin_30663471的博客
01-27 231
由于需要对Hibernate作个了解，所以写了个简单的实现 以上是大概目录 1.新建Hibernate.cfg.xml配置文件 <?xml version='1.0' encoding='UTF-8'?> <!DOCTYPE hibernate-configuration PUBLIC "-//Hibernate/Hibernate...
构建基于Hibernate的servlet(1)
weixin_33843947的博客
11-16 406
在上一篇，我们讨论了如何配置Tomcat 5.5的Context.xml文件，它能够建立Tomcat 5.5中的只读JNDI。通过这个JNDI，可以为你的Tomcat servlet提供数据源—无论在你的servlet中使用的是Hibernate还是原始JDBC。而且在上一篇中，相应的示例servlet使用了原 始JDBC存取我们的MySQL...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值