javascriptp如何实现将信息放入xml中的方法

远处的是风景,近处的才是人生。清澈的空气使大地广漠无垠,把它无限地扩展开去。一切都在往远方同去,而且在召唤人们也到大地的蓝色边沿上去。

本文实例讲述了jsp实现将信息放入xml中的方法。分享给大家供大家参考,具体如下:

一、jsp代码:

省: <select id="province" name="province" onchange="jsSubmit()"> 
    <option value="北京" selected="selected">北京</option> 
    <option value="广东">广东</option> 
    <option value="海南">海南</option> 
  </select> 
市: <select id="city" name="city"> 
    <option value="北京">北京</option> 
 </select>

二、ajax代码创建服务器请求代码不用写了,写onchange时候的事件jsSubmit吧:

function jsSubmit() { 
  createXMLHttpRequest(); 
     var province = document.getElementById("province"); 
  //解决客户端向服务器端传输中文乱码 
     var uri = "AjaxAction?value=" + encodeURI(encodeURI(province.value)); 
  xmlHttp.open("POST", uri, true); 
  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;") 
  xmlHttp.onreadystatechange = processResponse;//回调函数啊! 
  xmlHttp.send(null); 
}

三、servlet

public class AjaxAction extends HttpServlet { 
 private static final long serialVersionUID = 1L; 
 private static Map<String, String[]> map = new HashMap<String, String[]>(); 
 static { 
  String[] cities1 = { "海口", "琼海", "三亚" }; 
  String[] cities2 = { "广州", "珠海", "佛山", "深圳" }; 
  String[] cities3 = { "北京" }; 
  map.put("北京", cities3); 
  map.put("广东", cities2); 
  map.put("海南", cities1); 
 } 
st方法{ 
  String province = request.getParameter("value");// 解决客户端向服务器端传输中文乱码 
  String proviceCN = URLDecoder.decode(province, "UTF-8"); 
  String[] cities = map.get(proviceCN);//根据传来的省,查出已经存放进map中对应的市 
  response.setContentType("text/xml; charset=UTF-8"); 
  StringBuffer buff=new StringBuffer("<citylist>");///准备拼字符串...... 
   for (String city : cities) 
    { 
     buff.append("<city>").append(city) .append("</city>"); 
    } 
  buff.append("</citylist>"); 
  response.getWriter().println(buff.toString());

四、ajax的回调函数

function processResponse() { 
  if(xmlHttp.readyState == 4) { 
   if(xmlHttp.status == 200) { 
    var cities = xmlHttp.responseXML.getElementsByTagName("city"); 
    var displaySelect = document.getElementById("city"); 
    displaySelect.innerHTML = null; 
    for (var i= 0 ;i < cities.length ; i++){    
     if (i == 0) {       
     var a= xmlHttp.responseXML.getElementsByTagName("city")[i].firstChild.data;//用firstChild方法,其他方法我用text方法不管用~不知道怎么回事 
      var op = new Option(a, a, true, true); 
     } else { 
      var a= xmlHttp.responseXML.getElementsByTagName("city")[i].firstChild.data; 
      var op = new Option(a, a); 
      alert(a); 
     } 
     displaySelect.options[i] = op; 
    }     
   } else { 
    window.alert("请求的页面有异常"); 
   } 
 } 
}

希望本文所述对大家jsp程序设计有所帮助。

到此这篇关于javascriptp如何实现将信息放入xml中的方法就介绍到这了。你跟别人的差距,不在于你走的慢。而在于,别人走的时候,你一直在看。更多相关javascriptp如何实现将信息放入xml中的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
javascriptp response.sendRedirect()用法详解

javascriptp如何使用sessionScope获取session案例详解

javascriptp如何实现简单图片验证码功能

javascriptp+mysql如何实现网页的分页查询

javascriptp如何实现登录界面