1、编写两个页面request.jsp(主页面)和Handle.jsp(数据处理页面)。 2、request.jsp(主界面)输出单选题页面,题目答完后点击“交卷”,页面跳转到Handle.jsp页
时间: 2024-10-08 19:13:44 浏览: 78
在JSP中,你可以通过`<jsp:forward>`标签或者`<form>`元素配合JavaScript来完成这个需求。首先,我们创建两个JSP文件:
1. request.jsp (主页面):
```html
<!DOCTYPE html>
<html>
<head>
<title>答题页面</title>
</head>
<body>
<h2>选择题目并提交</h2>
<form action="Handle.jsp" method="post">
<%-- 添加一组单选题 --%>
<input type="radio" name="question" value="A"> A<br>
<input type="radio" name="question" value="B"> B<br>
<!-- 更多选项... -->
<br><button type="submit" onclick="submitForm()">交卷</button>
</form>
<script>
function submitForm() {
// 如果有验证或需要保存用户的选择,可以在这里添加相应逻辑
document.forms[0].submit(); // 直接提交表单
}
</script>
</body>
</html>
```
2. Handle.jsp (数据处理页面):
在这个页面,你可以获取用户的选择并处理它们。由于这是服务器端操作,所以你会看到更多的Java代码而不是HTML。
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>答题结果</title>
</head>
<body>
<%@ include file="request.jsp" %> <!-- 如果你想保留主页面的结构 -->
<%-- 获取请求参数并处理 --%>
<% String selectedOption = request.getParameter("question"); %>
<% if (selectedOption != null) { %>
<p>您选择了: <%= selectedOption %> </p>
<!-- 进行后续操作如存入数据库或显示结果 -->
<% } else { %>
<p>请选择一个答案。</p>
<% } %>
</body>
</html>
```
阅读全文