page1.jsp链接到page2.jsp,几种不同的方法
page1.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>page1</title> 8 <script type="text/javascript"> 9 function fun1(){ 10 window.location="page2.jsp?id=5"; 11 } 12 function fun2(){ 13 window.open("page2.jsp?id=9"); 14 } 15 function check(){ 16 var id =document.getElementById("id2").value; 17 if(id==""){ 18 alert("请输入ID"); 19 return false; 20 }else{ 21 return true; 22 } 23 } 24 </script> 25 </head> 26 <body> 27 <!-- 链接到page2 --> 28 <a href="page2.jsp">链接到page2</a><br/> 29 <!-- 链接到page2，弹出新窗口 --> 30 <a href="page2.jsp" target="_blank">链接到page2，弹出新窗口</a><br/><br/> 31 <!-- 相对路径链接到page2 --> 32 <a href="./page2.jsp">相对路径链接到page2</a><br/><br/> 33 <!-- 绝对路径链接到page2 --> 34 <a href="http://localhost:8080/test/demo1/page2.jsp">绝对路径链接到page2-1</a><br/> 35 <a href="<%=request.getContextPath() %>/demo1/page2.jsp">绝对路径链接到page2-2</a><br/> 36 <!-- 链接到page2，并传参 --> 37 <a href="<%=request.getContextPath() %>/demo1/page2.jsp?id=1">链接到page2，并传参</a><br/> 38 39 <!-- 使用js链接到page2 --> 40 <a href='javascript:window.location="page2.jsp?id=2"'>使用js链接到page2并传参</a><br/> 41 42 <!-- 使用js链接到page2，并传参 --> 43 <a href='javascript:fun1();'>使用js方法链接到page2</a><br/><br/> 44 45 <!-- 使用js链接到page2，弹出新窗口，并传参 --> 46 <a href='javascript:fun2();'>使用js链接到page2，弹出新窗口，并传参 </a><br/><br/> 47 48 <!-- submit提交表单 --> 49 <form action="page2.jsp" method="post"> 50 <input type="text" id="id" name="id"/> 51 <input type="submit" value="submit提交"/> 52 </form> 53 <br/><br/> 54 55 <!-- 使用JS方法验证true或false，然后再提交表单 --> 56 <form action="page2.jsp" method="post" onsubmit="return check()"> 57 <input type="text" id="id2" name="id"/> 58 <input type="submit" value="submit提交"/> 59 </form> 60 <br/><br/> 61 62 <!-- url方式提交数据 --> 63 <form action="page2.jsp?id=39" method="post"> 64 <input type="submit" value="submit提交" /> 65 </form> 66 <br/><br/> 67 68 <!-- hidden方式提交数据 --> 69 <form action="page2.jsp" method="post"> 70 <input type="hidden" id="id3" name="id" value="36"/> 71 <input type="submit" value="submit提交" /> 72 <script type="text/javascript"> 73 document.getElementById("id3").value="38"; 74 </script> 75 </form> 76 <br/><br/> 77 78 <!-- button+js提交表单 --> 79 <form id="form1" action="page2.jsp" method="post"> 80 <input type="text" id="id4" name="id" value=""/> 81 <!-- 也可以单独JS方法，在submit之前写各种判断 --> 82 <input type="button" value="button提交按扭" onclick='document.getElementById("form1").submit();'/> 83 </form> 84 <br/><br/> 85 86 <!-- <a>+js提交表单 --> 87 <form action="page2.jsp" id="form2" method="post"> 88 89 <input type="text" id="id5" name="id" value=""/> 90 <a href='javascript:document.getElementById("form2").submit();'>js提交表单</a> 91 </form> 92 </body> 93 </html>
page2.jsp:
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>page2</title> 8 </head> 9 <body> 10 page2 11 <% 12 out.print("参数："+request.getParameter("id")); 13 %> 14 </body> 15 </html>
