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 stubresponse.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 stubdoGet(request, response);}}

运行后图片

转载于:https://www.cnblogs.com/renxiuxing/p/8904211.html

js实现点击按钮传值相关推荐

html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...
js下载文件 java_[Java教程]使用js实现点击按钮下载文件
[Java教程]使用js实现点击按钮下载文件 0 2016-11-11 19:02:54 有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方 ...
js实现点击按钮切换图片功能_☆*往事随風*☆的博客
文章目录前言一.DOM是什么? 二.对象的HTML DOM 树三.图片切换练习 1.要求 2.实现思路 3.示例代码 1.html示例代码如下: 2.css示例代码如下: 2.js示例代码如下: ...
html点击展开盒子变大,JS实现点击按钮控制Div变宽、增高及调整背景色的方法
本文实例讲述了JS实现点击按钮控制Div变宽.增高及调整背景色的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript实现点击按钮后改变DiV的高度.宽度和背景色等,点击对应按钮,Div ...
党旗飘飘平台正确打开方法 | JS定时点击按钮
党旗飘飘平台正确打开方法 | JS定时点击按钮背景:最近学校发展对象需要在"党旗飘飘"平台上观看党课视频.而这个平台不支持视频调速,而且时不时跳出来一个按钮,点击后视频才会播放, ...
php点击复制按钮到我的粘贴板,JS 实现点击按钮复制内容到粘贴板 clipboard
具体实现如下: 点击按钮复制内容到粘贴板 body { text-align: center; } #p1 { line-height: 150px; font-size: 40px; } #sour ...
原生js实现点击按钮切换全屏！
使用fullScreen API实现全屏 <head><meta charset="UTF-8"><meta name="viewport& ...
html 复制文本按钮,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
js脚本点击按钮显示文字_JSBOX脚本聊天神器
聊天神器是一个基于JSBox的脚本 JSBox 是一个可以用来运行 JavaScript 脚本的 iOS 应用,你可以通过他来执行标准的 JavaScript 脚本这种执行不是指跑在浏览器上,而是执 ...

js实现点击按钮传值

js实现点击按钮传值

js实现点击按钮传值相关推荐

最新文章

热门文章