注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

使用XML作为数据传递[ajax-struts2引入]  

2010-04-07 22:32:02|  分类: struts2 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1.发送请求页面:sendCity.jsp代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>使用XML作为数据传递</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">
  </head>
  <body>
    <center>
     <div>
      <h2 style="color: red">级联菜单</h2><br /><br /><br />
      请选择省份:
      <select name="provinces" id="provincesID" onchange="getCitys()">
       <option value="">--选择省份--</option>
       <option value="hn">湖南</option>
       <option value="sc">四川</option>
      </select>
      选择城市:
      <select name="citys" id="citiesID">
       <option value="">--选择城市--</option>
      </select>
     </div>
    </center>
  </body>
  <script type="text/javascript">
 <!--
  var xmlhttp;
     // 创建XMLHTTPRequest对象
     function createXMLHTTPRequest()
     {
         if(window.ActiveXObject)//②如果当前浏览器为IE
   {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
   else if(window.XMLHTTPRequest)//③如果是其他浏览器
   {
    xmlhttp = new XMLHTTPRequest();
   }
     }
     function getCitys()
     {
      createXMLHTTPRequest();
      var province = document.getElementById("provincesID").value;
      xmlhttp.Open("get", "dealCity.jsp?province=" + province, true);
      xmlhttp.onreadystatechange = returnCities;
      xmlhttp.send(null);
     }
     function returnCities()
     {
      var cs = document.getElementById("citiesID");
      if(xmlhttp.readyState == 4)
      {
       var returnXML = xmlhttp.responseXML;
       var city = returnXML.getElementsByTagName("city");
       while(cs.childNodes.length > 2)
       {
        cs.removeChild(cs.childNodes[cs.childNodes.length - 1]);
       }
       for(var i = 0; i < city.length; i ++)
       {
        var option = document.createElement("option");
        option.innerText = city[i].firstChild.data;
        cs.appendChild(option);
       }
      }
     } 
 -->
 </script>
</html>

2、数据处理页面dealCity.jsp,代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
 String province = request.getParameter("province");
 response.setContentType("application/xml;charset=utf-8");
 if("hn".equals(province))
 {
  out.println("<?xml version='1.0' encoding='utf-8'?>");
  out.println("<cities>");
  out.println("<city>长沙</city>");
  out.println("<city>常德</city>");
  out.println("<city>株洲</city>");
  out.println("<city>湘潭</city>");
  out.println("<city>怀化</city>");
  out.println("</cities>");
 }
 if("sc".equals(province))
 {
  out.println("<?xml version='1.0' encoding='utf-8'?>");
  out.println("<cities>");
  out.println("<city>成都</city>");
  out.println("<city>乐山</city>");
  out.println("<city>绵阳</city>");
  out.println("<city>雅安</city>");
  out.println("<city>达州</city>");
  out.println("</cities>");
 }
 %>

 

  评论这张
 
阅读(1087)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017