您现在的位置是：网站首页> 编程资料编程资料
AJAX解析XML实例之下拉框省、市二级联动_AJAX相关_
2023-05-25
259人已围观
简介 AJAX解析XML实例之下拉框省、市二级联动_AJAX相关_
这个例子是实现省、市二级联动，当选择某一省时，改省下面的市就会在另一个下拉框显示出来。在本例中AJAX通过解析XML文件得到的数据传回到jsp页面，其中省市均是从数据库取到的值：
jsp页面代码：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
省：
市：
servlet代码：
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String province=request.getParameter("province");
if(province!=null){
sendCity(request,response,province);
}else{
ShengDao sd=new ShengDao();
List list=sd.selAll();
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
response.setContentType("text/xml");
out.println("");
out.println("");
for (Sheng sheng : list) {
out.print(""+sheng.getProvince()+" ");
out.println();
}
out.println(" ");
}
}
public void sendCity(HttpServletRequest request, HttpServletResponse response,String shorter){
try {
request.setCharacterEncoding("utf-8");
} catch (UnsupportedEncodingException e1) {
e1.printStackTrace();
}
try {
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
response.setContentType("text/xml");
ShengDao sd=new ShengDao();
List list=sd.selAll(shorter);
out.println("");
out.println("");
for (City city : list) {
out.println(""+city.getCityname()+" ");
System.out.println(""+city.getCityname()+" ");
}
out.println(" ");
} catch (IOException e) {
e.printStackTrace();
}
}
jsp页面代码：
复制代码 代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
省：
市：
servlet代码：
复制代码 代码如下:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String province=request.getParameter("province");
if(province!=null){
sendCity(request,response,province);
}else{
ShengDao sd=new ShengDao();
List
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
response.setContentType("text/xml");
out.println("");
out.println("
for (Sheng sheng : list) {
out.print("
out.println();
}
out.println("
}
}
public void sendCity(HttpServletRequest request, HttpServletResponse response,String shorter){
try {
request.setCharacterEncoding("utf-8");
} catch (UnsupportedEncodingException e1) {
e1.printStackTrace();
}
try {
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
response.setContentType("text/xml");
ShengDao sd=new ShengDao();
List
out.println("");
out.println("
for (City city : list) {
out.println("
System.out.println("
}
out.println("
} catch (IOException e) {
e.printStackTrace();
}
}
您可能感兴趣的文章:
相关内容
- 如何将ajax请求返回的Json格式数据循环输出成table形式_AJAX相关_
- AJAX中文乱码问题探讨及解决_AJAX相关_
- ajax提交加载进度条示例代码_AJAX相关_
- jQuery ajax中使用serialize()方法提交表单数据示例_AJAX相关_
- ajax jquery校验用户是否已经注册演示代码_AJAX相关_
- 利用ajax实现简单的注册验证局部刷新实例_AJAX相关_
- ajax异步回调函数中给外部变量赋值的问题探讨_AJAX相关_
- Ajax获得站点文件内容实例_AJAX相关_
- ajax的工作原理以及异步请求的封装介绍_AJAX相关_
- 提交表单最简单的AJAX程序分享_AJAX相关_
