j2ee之AJAX二级联动效果

2023-09-26 00:45:06 306

<%@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

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(""); } }

j2ee之AJAX二级联动效果

热门推荐

随机推荐