j2ee之AJAX二级联动效果
本文实例为大家分享了AJAX二级联动效果的具体代码,供大家参考,具体内容如下
Ajax.js
varcreateAjax=function(){ varajax=null; try{ ajax=newActiveXObject("microsoft.xmlhttp"); }catch(e1){ try{ ajax=newXMLHttpRequest(); }catch(e2){ alert("请换掉你的浏览器"); } } returnajax; }
test3.xml
<%@pagelanguage="Java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <% Stringpath=request.getContextPath(); StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>"rel="externalnofollow"> ?? document.getElementById("province").onchange=function(){ varcityElement=document.getElementById("city"); cityElement.options.length=1; /*拿到第一个下拉框中选中的值*/ varindex=this.selectedIndex; varoptionElement=this[index]; varoptionValue=optionElement.innerHTML; /*把这个值发送给服务器*/ varajax=createAjax(); varurl="${pageContext.request.contextPath}/SelectServlet?time="+newDate().getTime(); varmethod="POST"; ajax.open(method,url); ajax.setRequestHeader("content-type","application/x-www-form-urlencoded"); varcontent="province="+optionValue; ajax.send(content); /*-----接收相应的数据-----*/ ajax.onreadystatechange=function(){ if(ajax.readyState==4&&ajax.status==200){ /*拿到xml*/ varxmlDocument=ajax.responseXML; /*用xml的解析方式拿到城市根据标签名称*/ varcityArray=xmlDocument.getElementsByTagName("cityOption"); for(vari=0;i
SelectServlet.java
packagecom.newtouch.servlet; importjava.io.IOException; importjavax.servlet.ServletException; importjavax.servlet.annotation.WebServlet; importjavax.servlet.http.HttpServlet; importjavax.servlet.http.HttpServletRequest; importjavax.servlet.http.HttpServletResponse; /** *ServletimplementationclassSelectServlet */ @WebServlet("/SelectServlet") publicclassSelectServletextendsHttpServlet{ privatestaticfinallongserialVersionUID=1L; /** *@seeHttpServlet#HttpServlet() */ publicSelectServlet(){ super(); //TODOAuto-generatedconstructorstub } /** *@seeHttpServlet#doGet(HttpServletRequestrequest,HttpServletResponse *response) */ protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{ //TODOAuto-generatedmethodstub response.getWriter().append("Servedat:").append(request.getContextPath()); } /** *@seeHttpServlet#doPost(HttpServletRequestrequest,HttpServletResponse *response) */ protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{ request.setCharacterEncoding("utf-8"); //这里是text/xml是把数据放到了xml中 response.setContentType("text/xml;charset=utf-8"); Stringprovince=request.getParameter("province"); response.getWriter().write(""); response.getWriter().write(""); if("江苏".equals(province)){ response.getWriter().write(" "); } }1 "); response.getWriter().write("2 "); response.getWriter().write("3 "); response.getWriter().write("4 "); }elseif("江西".equals(province)){ response.getWriter().write("一 "); response.getWriter().write("二 "); response.getWriter().write("三 "); response.getWriter().write("四 "); } response.getWriter().write("
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。