我遇到了一个我无法解释的奇怪行为。这是我的JSP页面代码
<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*,java.util.*" errorPage="" %>
<%
String qid = request.getParameter("qid");
int qno;
int choice = 0;
if(qid==null)
qno = 1;
else
qno = Integer.parseInt(qid);
%>
<script>
function f1()
{
var check;
if(document.getElementById('r1').checked||document.getElementById('r2').checked||document.getElementById('r3').checked||document.getElementById('r4').checked)
{
check = true;
if(document.getElementById('r1').checked){
<% choice = 1; %>
}
else if(document.getElementById('r2').checked){
<% choice = 2; %>
}
else if(document.getElementById('r3').checked){
<% choice = 3; %>
}
else {
<% choice = 4; %>
}
}
else{
alert("Select an answer");
check = false;
}
if(check){
<%
out.println("document.form1.action=\"starttest.jsp?qid="+qno+"&choice="+choice+"\"");
%>
document.form1.method="post";
document.form1.submit();
}
}
</script>
<form id ="form1" name="form1" method="post" action="">
<%
try{
Connection conn=DriverManager.getConnection("jdbc:mysql://localhost/examination?" +"user=root&password=nawed");
PreparedStatement ps=conn.prepareStatement("select question_text from question_master where question_id=?");
ps.setInt(1,qno);
ResultSet rs=ps.executeQuery();
while(rs.next()){
out.println("1><B>"+rs.getString(1)+"</B><br/>");
}
ps=conn.prepareStatement("select choice_1,choice_2,choice_3,choice_4,answer from multichoice_question where ques_id=?");
ps.setInt(1,qno);
rs= ps.executeQuery();
while(rs.next()){
session.setAttribute("pans",rs.getString(5));
%>
<input type="Radio" name="radio" id="r1"/><%=rs.getString(1)%><br/>
<input type="Radio" name="radio" id="r2"/><%=rs.getString(2)%><br/>
<input type="Radio" name="radio" id="r3"/><%=rs.getString(3)%><br/>
<input type="Radio" name="radio" id="r4"/><%=rs.getString(4)%><br/>
<input type="button" name="button" value="Submit" onclick="f1()"/>
<%
}
ps.close();
rs.close();
}catch(Exception e){}
%>
</form>
</body>
</html>
问题在于我每次都在查询字符串中获得选择值4,但是当我使用javaScript变量时,问题是已解决,而不是:
<script>
function f1()
{
var check;
if(document.getElementById('r1').checked||document.getElementById('r2').checked||document.getElementById('r3').checked||document.getElementById('r4').checked)
{ var choice;
check = true;
if(document.getElementById('r1').checked){
choice = 1;
}
else if(document.getElementById('r2').checked){
choice = 2;
}
else if(document.getElementById('r3').checked){
choice = 3;
}
else {
choice = 4;
}
}
else{
alert("Select an answer");
check = false;
}
if(check){
<%
out.println("document.form1.action=\"starttest.jsp?qid="+qno+"&choice=\"+choice");
%>
document.form1.method="post";
document.form1.submit();
}
}
</script>
我无法解释这种奇怪的行为。如果有人能用简单的方式解释这个问题,那将会非常有用:)
答案 0 :(得分:1)
JavaScript在客户端运行。 Java在应用程序/ Web服务器上运行。
将JSP视为一种输出客户端文档(HTML,JavaScript,CSS等)的大型Java方法。
因此,在下面的代码段中:
if(document.getElementById('r1').checked){
<% choice = 1; %>
}
else if(document.getElementById('r2').checked){
<% choice = 2; %>
}
else if(document.getElementById('r3').checked){
<% choice = 3; %>
}
else {
<% choice = 4; %>
}
这4行依次执行。您可以查看已编译的JSP代码来验证这一点。
choice = 1;
choice = 2;
choice = 3;
choice = 4;
因此,选择将最终成为4. if语句是JavaScript,浏览器将执行它并且与Java逻辑无关。