这篇文章主要为大家详细介绍了Ajax实现二级联动菜单,文中示例
来源gaodai.ma#com搞#代!码网代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Ajax二级联动菜单的具体代码,供大家参考,具体内容如下
index.jsp
<title>二级菜单联动演示</title> <div align="center"> <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> 二级联动示例 </td></tr><tr> <td> <!--第一个下拉菜单--> 请选择 北京 天津 山东 <!--第二个下拉菜单--> 请选择 </td></tr><tr> <td> </td></tr><tr> </tr></table></div>
SelectServlet.java
package com; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /*** * * @author zdw * */ public class SelectServlet extends HttpServlet { private static final long serialVersionUID = 1L; public SelectServlet() { super(); } public void destroy() { super.destroy(); } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // response.setCharacterEncoding("GBK"); response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-cache"); request.setCharacterEncoding("GBK"); response.setCharacterEncoding("UTF-8"); String targetId = request.getParameter("id").toString(); System.out.println(targetId); // 获得请求中参数为id的值 String xml_start = ""; String xml_end = ""; String xml = ""; if (targetId.equalsIgnoreCase("0")) { xml = "0请选择"; } else if (targetId.equalsIgnoreCase("1")) { xml = "1昌平"; xml += "2丰台"; xml += "3海淀"; xml += "4朝阳"; } else if (targetId.equalsIgnoreCase("2")) { xml = "1塘沽区"; xml += "2汉沽区"; xml += "3大港区"; xml += "4东丽区"; } else {// 如果是3,则返回下面的字符 xml = "1济南"; xml += "2青岛"; xml += "3淄博"; xml += "4枣庄"; } String last_xml = xml_start + xml + xml_end; response.getWriter().write(last_xml); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } public void init() throws ServletException { } }
web.xml
SelectServletcom.SelectServlet SelectServlet/select index.jsp
以上就是Ajax实现二级联动菜单的详细内容,更多请关注gaodaima搞代码网其它相关文章!