- 浏览: 132611 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (137)
- java (138)
- c# winform (笨方法)根据不同的样式配置 设置窗体相关控件的背景 以改变窗体风格 (1)
- Android平台下实现一个进程管理器 (1)
- 装饰模式 (1)
- 【转】介绍线性代数 (1)
- fqueue初步分析 (1)
- 千万级sql优化 (1)
- 开源项目 (1)
- js弹出遮罩层【并弹出提示信息】 (1)
- 代码高亮、源码格式、iteye代码格式的种种方法 (1)
- Drupal学习笔记(四)warning: array_key_exists(): The first argument should be either a string or an integer (1)
- 2011年Java EE生产力报告 (1)
- java(j2se)学习笔记----类注释文档编写方法? (1)
- ubuntu 添加应用程序 到快速启动 (1)
- JPA注解配置实例 (1)
- C++著名内裤 (1)
- Android笔试或者面试的几个题目 (1)
- Ajax&&GWT (1)
- IHS静默安装(转) (1)
- WIN98下运行DOTNET程序的一些问题 (1)
- 开启新的项目——基于电子邮件的知识管理系统 (1)
- 这里的BLOG服务器也太不稳定了 (1)
- MapXtreme2004代码 读取TAB表中的元素 (1)
- 终于把我的大部分BLOG复制到这里来了 (1)
- 2011NOKIA笔试题目 (1)
- Ajax实现省市二级联动(源代码) (1)
- mxgraph之保存图片 (1)
- sso单点登录 (1)
- Android开发之SurfaceView (1)
- Android开发之ListView (1)
- SQL SERVER 2008 中分页方法集锦 (1)
- 2011-12-2 (1)
- 分页组件 (1)
- Myeclipse自动加入struts 2 Core Libraries导致antlr错误 (1)
- jbpm4在tomcat6中EL错误 (1)
- c++中有关数组和指针的若干问题 (1)
- rails 上传文件和删除文件 (1)
最新评论
-
mazongfei:
就是有点乱,不过还是不错的
sso单点登录 -
xiaokang1582830:
写得这么乱,地球人是无法看得懂的...
sso单点登录 -
shenyu:
大侠,下回分解在哪里啊?
mxgraph之保存图片 -
GZQ0821:
为啥不编译后贴出来呢!
SQL SERVER 2008 中分页方法集锦 -
evil9999:
http://belives2012.blog.163.com ...
千万级sql优化
<span style="font-family: Times New Roman; font-size: 16px;">1 、实现省市的二级无刷新联动选择省名连接服务器动态加载市名(list.jsp)</span>
<span style="font-family: Times New Roman; font-size: 16px;"><%@ page language="java" pageEncoding="gbk"%><br>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br>
<html><br>
<head><br>
<title>省市联动</title><br>
<meta http-equiv="pragma" content="no-cache"><br>
<meta http-equiv="cache-control" content="no-cache"><br>
<meta http-equiv="expires" content="0"> <br>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><br>
<meta http-equiv="description" content="This is my page"><br>
<script type="text/javascript"><br>
var xhr;<br>
function change(provinceId){<br>
//如果选择"==请选择==" 清空城市下拉列表<br>
if(provinceId=='0'){<br>
clearCity();<br>
return;<br>
}<br>
//创建XMLHttpRequest对象<br>
createXmlHttp();<br>
//设置回调函数<br>
xhr.onreadystatechange = response;<br>
//初始化<br>
xhr.open('GET','ListServlet.do?provinceId='+provinceId,true);<br>
//设置不使用缓存<br>
xhr.setRequestHeader("If-Modified-Since","0");<br>
//发送请求<br>
xhr.send(null);<br>
}<br><br>
function response(){<br>
var city = document.getElementById("city");<br>
if(xhr.readyState == 4 && xhr.status == 200 ){<br>
var s = xhr.responseText;<br>
var citys = s.split(",");<br>
clearCity();<br>
for(var i=0;i<citys.length;i++){<br>
city.options[city.options.length] = new Option(citys[i],citys[i]);<br>
}<br>
}<br>
}<br><br>
function createXmlHttp(){<br>
//非IE浏览器创建XmlHttpRequest对象<br>
if(window.XmlHttpRequest){<br>
xhr = new XmlHttpRequest();<br>
}<br>
//IE浏览器创建XmlHttpRequest对象<br>
if(window.ActiveXObject){<br>
try{<br>
xhr = new ActiveXObject("Microsoft.XMLHTTP"); <br>
}catch(e){<br>
xhr = new ActiveXObject("msxml2.XMLHTTP");<br>
}<br>
}<br>
}<br><br>
//清空城市下拉列表<br>
function clearCity(){<br>
var city = document.getElementById("city");<br>
city.options.length = 0;<br>
city.options[0] = new Option('==请选择==','0');<br>
}<br><br>
</script><br>
</head><br><br>
<body><br>
<h1>省市联动</h1><hr><br>
<h3>Where Are You From ?</h3><br>
省份:<select id="province" onchange="change(this.value)"><br>
<option value="0">==请选择==</option><br>
<option value="1">浙江</option><br>
<option value="2">江苏</option><br>
<option value="3">湖北</option><br>
<option value="4">湖南</option><br>
<option value="5">广东</option><br>
</select><br>
城市:<select id="city"><br>
<option>==请选择==</option><br>
</select><br>
</body><br>
</html><br>
2、处理逻辑的servlert类 ListServlet.java</span>
<span style="font-family: Times New Roman; font-size: 16px;">package com.test.ajax;</span>
<span style="font-family: Times New Roman; font-size: 16px;">import java.io.IOException;<br>
import java.io.PrintWriter;<br>
import java.util.*;</span>
<span style="font-family: Times New Roman; font-size: 16px;">import javax.servlet.ServletException;<br>
import javax.servlet.http.HttpServlet;<br>
import javax.servlet.http.HttpServletRequest;<br>
import javax.servlet.http.HttpServletResponse;</span>
<span style="font-family: Times New Roman; font-size: 16px;">public class ListServlet extends HttpServlet {</span>
<span style="font-family: Times New Roman; font-size: 16px;">private static final long serialVersionUID = 1L;<br>
public static Map<String,List<String>> map= new HashMap<String,List<String>>();<br><br>
public void init() throws ServletException{<br>
List<String> list = new ArrayList<String>();<br>
list.add("杭州");<br>
list.add("绍兴");<br>
list.add("宁波");<br>
list.add("台州");<br>
map.put("1", list);<br>
list = new ArrayList<String>();<br>
list.add("南京");<br>
list.add("苏州");<br>
list.add("常州");<br>
list.add("无锡");<br>
map.put("2", list);<br>
list = new ArrayList<String>();<br>
list.add("武汉");<br>
list.add("鄂州");<br>
list.add("荆州");<br>
list.add("十堰");<br>
map.put("3", list);<br>
list = new ArrayList<String>();<br>
list.add("长沙");<br>
list.add("岳阳");<br>
list.add("常德");<br>
list.add("张家界");<br>
map.put("4", list);<br>
list = new ArrayList<String>();<br>
list.add("广州");<br>
list.add("珠海");<br>
list.add("深圳");<br>
list.add("东莞");<br>
map.put("5", list);<br>
}</span>
<span style="font-family: Times New Roman; font-size: 16px;">protected void doGet(HttpServletRequest request, HttpServletResponse response)<br>
throws ServletException, IOException {<br>
String provinceId = request.getParameter("provinceId");<br>
List<String> list = map.get(provinceId);<br>
StringBuffer sb = new StringBuffer();<br>
if(list!=null){<br>
for(String s: list) {<br>
sb.append(s).append(",");<br>
}<br>
if(!list.isEmpty()){<br>
sb.deleteCharAt(sb.length()-1);<br>
}<br>
}<br><br>
response.setContentType("test/html;charset=utf-8");<br>
PrintWriter out = response.getWriter();<br>
out.print(sb.toString());<br>
out.close();<br>
}</span>
<span style="font-family: Times New Roman; font-size: 16px;">protected void doPost(HttpServletRequest request, HttpServletResponse response)<br>
throws ServletException, IOException {<br>
doGet(request, response);<br>
}<br>
}<br></span>
<span style="font-family: Times New Roman; font-size: 16px;">3、web.xml 信息配置</span>
<span style="font-family: Times New Roman; font-size: 16px;"><?xml version="1.0" encoding="UTF-8"?><br>
<web-app version="2.4" <br>
xmlns="</span><span style="font-family: Times New Roman; font-size: 16px;">http://java.sun.com/xml/ns/j2ee</span><span style="font-family: Times New Roman; font-size: 16px;">"<br>
xmlns:xsi="</span><span style="font-family: Times New Roman; font-size: 16px;">http://www.w3.org/2001/XMLSchema-instance</span><span style="font-family: Times New Roman; font-size: 16px;">"<br>
xsi:schemaLocation="</span><span style="font-family: Times New Roman; font-size: 16px;">http://java.sun.com/xml/ns/j2ee</span><br><span style="font-family: Times New Roman; font-size: 16px;"></span><span style="font-family: Times New Roman; font-size: 16px;">http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd</span><span style="font-family: Times New Roman; font-size: 16px;">"><br>
<servlet><br>
<servlet-name>myServlet</servlet-name><br>
<servlet-class>com.test.ajax.ListServlet</servlet-class><br>
</servlet><br>
<servlet-mapping><br>
<servlet-name>myServlet</servlet-name><br>
<url-pattern>/ListServlet.do</url-pattern><br>
</servlet-mapping><br>
<welcome-file-list><br>
<welcome-file>list.jsp</welcome-file><br>
</welcome-file-list><br>
</web-app></span>
<span style="font-family: Times New Roman; font-size: 16px;">4、截图显示</span>
<span style="font-family: Times New Roman; font-size: 16px;"><img alt="" src="http://hi.csdn.net/attachment/201110/13/0_1318494126FAH2.gif"></span>
发表评论
-
rails 上传文件和删除文件
2012-02-07 14:33 1076文件上传,页面代码: <%form_tag '/ ... -
c++中有关数组和指针的若干问题
2012-02-07 14:13 769<pre class="reply-t ... -
jbpm4在tomcat6中EL错误
2012-02-04 14:03 1029? jbpm4 在tomcat6 下面ssh2 这个错 ... -
Myeclipse自动加入struts 2 Core Libraries导致antlr错误
2012-02-04 13:29 941解决方法: 选择windows---preferenc ... -
分页组件
2012-02-03 12:23 883撒地方阿斯顿的撒啊受到爱上 ... -
2011-12-2
2012-02-02 15:34 715ubuntu系统root默认密码,每次开机会随机产生默 ... -
SQL SERVER 2008 中分页方法集锦
2012-02-01 09:34 1344<span style="font-s ... -
Android开发之ListView
2012-01-31 13:53 1223<p><br></p&g ... -
Android开发之SurfaceView
2012-01-11 15:34 1203<h1>Android开发 ... -
sso单点登录
2012-01-11 12:44 3862SSO单点登录 目 ... -
mxgraph之保存图片
2011-12-28 18:38 23041、写在前端:任何情况下,保存图片不可能只通过前台代码 ... -
2011NOKIA笔试题目
2011-12-21 09:29 1037今天去NOKIA机试,纯粹打酱油,没什么准备,题目貌似 ... -
终于把我的大部分BLOG复制到这里来了
2011-12-16 16:22 1003本来我的BLOG都在博客中国的<img src= ... -
MapXtreme2004代码 读取TAB表中的元素
2011-12-15 12:14 871<?xml:namespace prefix = ... -
这里的BLOG服务器也太不稳定了
2011-12-14 20:53 646<p class="MsoPlainT ... -
开启新的项目——基于电子邮件的知识管理系统
2011-12-14 19:59 904</span></font>& ... -
WIN98下运行DOTNET程序的一些问题
2011-12-14 17:24 771</span></font>& ... -
IHS静默安装(转)
2011-12-13 11:59 1263<span style="col ... -
Ajax&&GWT
2011-12-13 10:14 633工作的久了,一直忙于公司相关的技术和业务上,对于如今流 ... -
Android笔试或者面试的几个题目
2011-12-12 09:59 835最近一直在帮项目组招聘Android开发人员。面试的过 ...
相关推荐
该资源包含了一个使用jquery ajax实现的省市二级联动的简单demo,简单易懂,可以参考博客:http://blog.csdn.net/mockingbirds/article/details/46842327
在S2SM的框架下,使用Ajax完成的省市二级联动,使用Jquery完成的Ajax,使用JSON,JSONArray完成,在eclipse下即可运行 一直在找类似的资源找不着,干脆自己写一个和大家分享
ajax初级入门。 无刷新实现省市2级菜单联动。 代码简单,很容易明白。
使用ajax + servlet + jdbc做的省市区三级联动,内含sql文件。对应有博客介绍,欢迎访问http://blog.csdn.net/qq_19558705/article/details/50318981
JavaWeb通过ajax、json实现省市二级联动:客户端通过jsp页面,来访问服务器的servlet,服务器访问数据库,返回json数据给客户端
城市四级联动源代码~很强大的四级联动!大家一起来看看吧
Ajax省市二级联动,保证能用,SQL脚本在项目中。。。欢迎学习,共同进步
struts2 ajax实现的二级联动 struts2 ajax实现的二级联动
利用ajax无刷新省市二级联动 直接可以使用啊啊
包括两个资源:通过JS实现的二级省市联动、AJAX实现的省市县三级联动
php+ajax 二级联动 无刷新实现省市县联动。
用ajax实现的jsp二级联动下拉列表,使用异步交互的二级联动堪称jsp革命性变动。以前的联动大都是把所有的数据取出来放在javascript中,就一个字------烦
Struts2+jQuery+ajax+mySql实现省市二级联动
主要用于三级联动,使用的html,ajax,后端用的原生servlet,或者你也可以根据自己的需要使用框架,毕竟只是做了数据库查询操作,返回的是json格式的数据,所以对后端要求不高,本资源为自己整理出来的,当然数据库...
此文件是借助别人的基础上稍作修改 .net+xml+ajax.dll实现省市县三级联动无刷新代码例子
Ajax省市三级联动,大家只要会用就可以了,祝大家天天向上!
使用Ajax Json实现省市二级联动使用Ajax Json实现省市二级联动
使用AJAX从数据库中读取省、市、地区的数据,添加到select的option选项,实现自动筛选。
ajax实现登陆二级联动增删改查