js实现点击按钮传值
-
page1源码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> function newDoc() { window.location.assign("hellow.html") } function quzhi() { var text1 = document.getElementById("name").value; //取得文本框的值 var text2 = document.getElementById("password").value; alert(text1);//网页提示框 alert(text2); var myurl = "Test_01" + "?" + "pname=" + text1 + "&password=" + text2; window.location.assign(encodeURI(myurl)) } function quzhi2() { var text1 = document.getElementById("name").value; // var text2 = document.getElementById("password").value; var myurl = "hellow.jsp" + "?" + "pname=" + text1 + "&password="+ text2; window.location.assign(encodeURI(myurl)) } </script> </head> <body> <input type="text" id="name" value="joy"> <input type="text" id="password" value="123456"> <br /> <br /> <input type="button" value="加载新页面" onclick="newDoc()"> <br /> <br /> <input type="button" value="取值" onclick="quzhi()"> <br /> <br /> <input type="button" value="传值" onclick="quzhi2()"> </body> </html> -
page2源码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body topmargin="100" leftmargin="300"> hellow world! </body> </html> -
page3源码:
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body topmargin="100" leftmargin="300"> <% String strName=request.getParameter("pname"); String strPassword=request.getParameter("password"); %> 欢迎您！<%=strName %><br/> 您的密码是：<%=strPassword %> </body> </html> -
servlet源码:
package test; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class Test_01 */ @WebServlet("/Test_01") public class Test_01 extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public Test_01() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.getWriter().append("Served at: ").append(request.getContextPath()); String strName=request.getParameter("pname"); String strPassword=request.getParameter("password"); System.out.println(strName); System.out.println(strPassword); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doGet(request, response); } } -
运行后图片
