利用JS函数实现跳转JSp 页面

喵俺第一专栏

已于 2022-03-29 09:01:49 修改

阅读量2.2k

点赞数 2

分类专栏： # JSP小项目练习文章标签： javaWeb

于 2022-03-29 00:14:38 首次发布

本文链接：https://blog.csdn.net/dengfengling999/article/details/123810085

版权

JSP小项目练习专栏收录该内容

13 篇文章 3 订阅

订阅专栏

利用函数实现跳转jsp页面，实现相关功能

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAZGVuZ2ZlbmdsaW5nOTk5,size_8,color_FFFFFF,t_70,g_se,x_16

创建主页面index.jsp，里面编写js函数代码，实现点击跳转到相应的jsp页面，代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <body>
    <form action="xianshi.jsp" method="post" name="form1">
                 学号：<input type="text" name="id"><br>
                 姓名：<input type="text" name="name"><br>
                性别：<input type="text" name="sex"><br><br><br><br>
                
      <input type="button" name="add" value="添加" onClick="skip('add.jsp')">
      <input type="button" name="delete" value="删除" onClick="skip('delete.jsp')">
      <input type="button" name="alter" value="修改" onClick="skip('alter.jsp')">
      <input type="button" name="query" value="查询" onClick="skip('query.jsp')">
    </form>
    <script type="text/javascript">
       //编写skip方法
       function skip(a){
          form1.action=a;
          form1.submit();
       }
    </script>
 </body>
</html>

结果：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAZGVuZ2ZlbmdsaW5nOTk5,size_18,color_FFFFFF,t_70,g_se,x_16

点击添加按钮，跳转到add.jsp页面：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAZGVuZ2ZlbmdsaW5nOTk5,size_14,color_FFFFFF,t_70,g_se,x_16

点击删除按钮，跳转到delete.jsp页面：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAZGVuZ2ZlbmdsaW5nOTk5,size_14,color_FFFFFF,t_70,g_se,x_16

点击修改按钮，跳转到alter.jsp页面：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAZGVuZ2ZlbmdsaW5nOTk5,size_15,color_FFFFFF,t_70,g_se,x_16

点击查询按钮，跳转到query.jsp页面：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAZGVuZ2ZlbmdsaW5nOTk5,size_16,color_FFFFFF,t_70,g_se,x_16

喵俺第一专栏

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
利用JS函数实现跳转JSp 页面

利用函数实现跳转jsp页面，实现相关功能创建主页面index.jsp，里面编写js函数代码，实现点击跳转到相应的jsp页面，代码如下：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getSer.
复制链接

扫一扫