JavaScript控制JSP中的Java代码-优快云博客

本文介绍如何通过Ajax实现在JSP页面上控制Java代码的执行，具体包括两个JSP页面的交互过程，一个用于展示并触发Ajax请求，另一个负责执行数据库更新操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

总所周知，JSP中的java代码是在服务器端执行的程序，JavaScript代码在浏览器端执行，因此同一个页面的先执行Java代码，然后执行JavaScript代码。JavaScript是无法控制Java代码。

但是有一个需求要根据JavaScript的选择来决定Java代码执不执行。这个时候就要用到Ajax，需要2张JSP页面。当Ajax触发时候，另外一个JSP页面被加载，这个JSP页面中的Java被执行，以实现JavaScript控制Java代码。只能控制其他页面的Java代码，不能控制，本页面的Java代码。

1、在Oracle中建立表。

2、创建被调用的JSP页面update.jsp。

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.sql.*"%>  <!--   添加java的sql包 -->
<!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>加载页面</title>
</head>
<body>

<%Class.forName("oracle.jdbc.driver.OracleDriver").newInstance(); //加载Oracle数据库的驱动   
  String url="jdbc:oracle:thin:@localhost:1521:orcl";       //添加Oracle的连接地址，localhost即默认本机地址
  String user="student";  //数据库的帐号
  String password="student";//数据库的密码
  Connection conn= DriverManager.getConnection(url,user,password);   //将url，user和password实现数据库的连接 
  Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);//实例化Statement对象    
  String sql="select * from sparametertbl t where t.PARAMETER='autoChecking' "; //查询语句   
  String sql2="update  sparametertbl t set t.value='0'   where t.parameter='autoChecking'";//修改语句1
  String sql3="update  sparametertbl t set t.value='1'   where t.parameter='autoChecking'";//修改语句2
  ResultSet rs=stmt.executeQuery(sql);  //执行查询操作
  String flag="";
     while(rs.next()) { //利用循环获取结果集的数据
       flag=rs.getString(2);
                      }   
  String show="";
     if(flag.equals("1")){//当结果是1的时候置换成0
	   stmt.executeUpdate(sql2);//执行修改操作
	   show="关闭";
	   flag="0";
     }else{           //当结果是0的时候置换成1
	   stmt.executeUpdate(sql3);//执行修改操作
	   show="开启";
	   flag="1";   
     }
  rs.close();   //关闭rs
  stmt.close();  //关闭操作
  conn.close(); //关闭连接   
%>  
当前自动检测的状态是：<%=show%> <%=flag%> 
</body>
</html>

3、创建含Ajax的调用页面，index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.sql.*"%>

<!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>自动检测更改页面</title>
<script type="text/javascript" src="js/jquery.js" ></script>
</head>
<body>

<%Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();    
String url="jdbc:oracle:thin:@localhost:1521:orcl"; 
String user="student"; 
String password="student"; 
Connection conn= DriverManager.getConnection(url,user,password);    
Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);    
String sql="select * from sparametertbl t where t.PARAMETER='autoChecking' ";    
ResultSet rs=stmt.executeQuery(sql);  
String flag="";
while(rs.next()) { 
flag=rs.getString(2);
}   
String show="";
if(flag.equals("1")){
	show="开启";
}else{
	show="关闭";
}
rs.close();    
stmt.close();    
conn.close();    
%>  
当前自动检测的状态是：<%=show%> flag: <%=flag%> 


<a href="#" onclick="docheck()"><button type="button">改变状态</button></a>
  <script type = "text/javascript" language = "javascript">  
   function docheck()  
   {   
	   if(confirm("确定要修改状态吗？"))   
       {   
		  jQuery.ajax({
			    cache: false,//清除缓存操作
				url : "update.jsp"	,//URL指向要调用的页面
				dataType:'jsp'//类型是JSP
					});
		  location.reload();//刷新页面操作
		}  else{
		}
   }  
   </script>
   
</body>
</html>

4、最终效果：刚开始为关闭状态。点击按钮，提示是否改变状态，点击是。这时候Ajax触发另外一个页面的Java代码，SQL的update被执行。自动刷新页面，这时候显示为开启状态。当再次点击时，状态会再次发生改变。