ProductSearchAJAX.jsp
上传用户:sxychgz
上传日期:2019-04-21
资源大小:4772k
文件大小:2k
源码类别:

电子政务应用

开发平台:

Java

  1. <%@ page language="java" import="java.util.*, com.bjsxt.shopping.category.*" pageEncoding="GB18030"%>
  2. <%
  3. List<Category> categories = CategoryService.getInstance().getTopCategories();
  4. %>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  8. %>
  9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  10. <html>
  11.   <head>
  12.     <base href="<%=basePath%>">
  13.     
  14.     <title>My JSP 'ProductSearch.jsp' starting page</title>
  15.     
  16. <meta http-equiv="pragma" content="no-cache">
  17. <meta http-equiv="cache-control" content="no-cache">
  18. <meta http-equiv="expires" content="0">    
  19. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  20. <meta http-equiv="description" content="This is my page">
  21. <!--
  22. <link rel="stylesheet" type="text/css" href="styles.css">
  23. -->
  24. <script type="text/javascript">
  25. var req;
  26. function init() {
  27. if(window.XMLHttpRequest) {
  28. req = new XMLHttpRequest();
  29. } else if (window.ActiveXObject) {
  30. req = new ActiveXObject("Microsoft.XMLHTTP");
  31. }
  32. }
  33. function changeDrop2() {
  34. init();
  35. var url = "GetCategoryChilds.jsp?id=" + escape(document.frm.parent.options[document.frm.parent.selectedIndex].value);
  36. req.open("GET", url, true);
  37. req.onreadystatechange = callback;
  38. req.send(null);
  39. }
  40. function callback() {
  41. if(4 == req.readyState) {
  42. if(200 == req.status) {
  43. //alert(req.responseText);
  44. eval(req.responseText);
  45. }
  46. }
  47. }
  48. </script>
  49.   </head>
  50.   
  51.   <body>
  52.     联动菜单有好多种技术 <br>
  53.     1:提前取出来所有的内容 <br>
  54.     2:第一级菜单改变的时候, 提交到本身页面, 刷新页面<br>
  55.     3:使用Frame<br>
  56.     4:AJAX<br>
  57.     
  58.     <center>第四种</center>
  59.     <center>
  60. <form name="frm" method="get">
  61. <select name="parent" onchange="changeDrop2()">
  62. <option value="-1">请选择</option>
  63. <%
  64. for(int i=0; i<categories.size(); i++) {
  65. Category c = categories.get(i);
  66. %>
  67. <option value="<%=c.getId() %>"><%=c.getName() %></option>
  68. <%
  69. }
  70. %>
  71. </select>
  72. <select name="child">
  73. <option value="-1">Child Not Selected!</option>
  74. </select>
  75. </form>
  76. </center>
  77.    
  78.   </body>
  79. </html>