JavaScript控制JSP中的Java代码

来源：互联网发布：温州话日本话知乎编辑：程序博客网时间：2024/05/20 23:04

总所周知，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被执行。自动刷新页面，这时候显示为开启状态。当再次点击时，状态会再次发生改变。