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>
时间： 2024-10-28 11:34:14