Java 单击按钮更改jsp_Java_Jsp_Servlets

Java 单击按钮更改jsp

java jsp servlets

Java 单击按钮更改jsp,java,jsp,servlets,Java,Jsp,Servlets,我有个问题我有3个jsp页面。第一个是带有2个按钮的菜单。当我单击第一个按钮时，我想打开第二个jsp页面。当我单击第二个按钮时，我想打开第三个jsp页面 <input type="submit" value="Creazione Nuovo Corso" name="CreateCourse" /> <input type="submit" value="Gestione Autorizzazioni" name="AuthorizationManager" />

我有个问题

我有3个jsp页面。第一个是带有2个按钮的菜单。当我单击第一个按钮时，我想打开第二个jsp页面。当我单击第二个按钮时，我想打开第三个jsp页面

<input type="submit" value="Creazione Nuovo Corso" name="CreateCourse" />
<input type="submit" value="Gestione Autorizzazioni" name="AuthorizationManager" />

你能帮我吗？我必须使用servlet（这不是问题，我知道）


在此处插入标题
本维努托在上课！塞格利·奥佩拉齐翁·达芬太尔：

您可以创建那些提交按钮，在您提交表单的servlet中，您可以测试按下的按钮的名称，并呈现相应的jsp页面

<input type="submit" value="Creazione Nuovo Corso" name="CreateCourse" />
<input type="submit" value="Gestione Autorizzazioni" name="AuthorizationManager" />

在

TrainerMenu

servlet中，如果

request.getParameter（“CreateCourse”）

不为空，则单击第一个按钮，您可以呈现相应的jsp。

如果您只想从第1页导航到第2页和第3页，请使用锚元素替换按钮，如下所示：

<form name="TrainerMenu" action="TrainerMenu" method="get">

<h1>Benvenuto in LESSON! Scegli l'operazione da effettuare:</h1>
<a href="Page2.jsp" id="CreateCourse" >Creazione Nuovo Corso</a>&nbsp;
<a href="Page3.jsp" id="AuthorizationManager">Gestione Autorizzazioni</a>
<input type="button" value="" name="AuthorizationManager" />
</form>


本维努托在上课！塞格利·奥佩拉齐翁·达芬太尔：

如果出于某种原因需要使用按钮，请尝试以下操作：

<form name="TrainerMenu" action="TrainerMenu" method="get">

   <h1>Benvenuto in LESSON! Scegli l'operazione da effettuare:</h1>
   <input type="button" value="Creazione Nuovo Corso" name="CreateCourse"
    onclick="openPage('Page2.jsp')"/>
   <input type="button" value="Gestione Autorizzazioni" name="AuthorizationManager"
    onclick="openPage('Page3.jsp')" />

</form>
<script type="text/javascript">
 function openPage(pageURL)
 {
 window.location.href = pageURL;
 }
</script>


本维努托在上课！塞格利·奥佩拉齐翁·达芬太尔：
函数openPage（pageURL）
{
window.location.href=pageURL；
}

您有几个选项，我将从最简单的选项开始：

1-将输入按钮更改为链接，您可以使用css设置其样式，使其看起来像按钮：

<a href="CreateCourse.jsp">Creazione Nuovo Corso</a>

而不是

<input type="button" value="Creazione Nuovo Corso" name="CreateCourse" />

2-根据单击的按钮，使用javascript更改表单的操作：

<input type="button" value="Creazione Nuovo Corso" name="CreateCourse" 
onclick="document.forms[0].action = 'CreateCourse.jsp'; return true;" />

3-使用servlet或JSP处理请求，并重定向或转发到相应的JSP页面。

只需使用两个表单

在第一个表单中，action属性将具有第二个jdp页面和第一个按钮的名称。在第二种形式中，第二个按钮带有action属性，它给出了第三个jsp页面的名称

<input type="submit" value="Creazione Nuovo Corso" name="CreateCourse" />
<input type="submit" value="Gestione Autorizzazioni" name="AuthorizationManager" />

它将是这样的：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <form name="main1"  method="get" action="2nd.jsp">
        <input type="submit" name="ter" value="LOGOUT" >
    </form>
    <DIV ALIGN="left"><form name="main0" action="3rd.jsp" method="get">
        <input type="submit" value="FEEDBACK">
    </form></DIV>
</body>
</html>


在此处插入标题

最简单的方法是使用java脚本。例如，它使用ajax工作。然后，jsp显示在控制器响应请求返回的iframe中

function openPage() {
  jQuery.ajax({
  type : 'POST',
  data : jQuery(this).serialize(),
  url : '<%=request.getContextPath()%>/post_action',
  success : function(data, textStatus) {
  jQuery('#iframeId').contents().find('body').append(data);
  },
  error : function(XMLHttpRequest, textStatus, errorThrown) {
  }
  });
}

函数openPage（）{
jQuery.ajax({
键入：“POST”，
数据：jQuery（this）.serialize（），
url:“/post_action”，
成功：功能（数据、文本状态）{
jQuery（'#iframeId'）.contents（）.find（'body'）.append（data）；
},
错误：函数（XMLHttpRequest、textStatus、errorshown）{
}
});
}

如果你想用按钮点击，而不是用其他方式。您可以通过在按钮中添加

location.href

来完成此操作。下面是我如何使用

<button class="btn btn-lg btn-primary" id="submit" onclick="location.href ='/dashboard'" >Go To Dashboard</button>

转到仪表板

上面的按钮使用引导类进行样式设置。没有样式，最简单的代码是

<button onclick="location.href ='/dashboard'" >Go To Dashboard</button>

转到仪表板

/dashboard

是我的JSP页面，如果您也使用扩展名，则使用

/dashboard.JSP