正文

js实现点击按钮传值

IP云
IP云V管理员/3 阅读
07/23
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

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);
    } }

  • 运行后图片