AJAX校验在润乾V4填报表中的使用

2016-11-23 11:31:29来源:CSDN作者:xiaohuihui_1992人点击

AJAX的好处就是异步进行交互,让我们感觉页面并没有其他的动作(刷新),让我们感觉页面做的更友好了,交互性更能跟上现在的web应用。利用AJAX进行校验能够在不刷新页面的情况下完成和服务器端的交互,并根据数据的处理结果按你想要的方式对页面作出即时更改。润乾的填报表校验功能,可以在用户填报数据后及时的完成数据有效性的校验,保证填报数据的正确性并能给客户有效直观的提示,客户端的js校验在填报表中的利用很常见,同样也可以将AJAX校验利用在润乾的填报表中。本文将介绍一个AJAX校验在填报表中使用的实例。

报表需求:
在用户信息填报页面实现对输入用户名的校验,查询数据库表,在填报表单中提示填写的用户名在数据库中是否存在。
需求实现:
1. 报表展现页面(register.jsp)
部分代码:
<!—引入ajax的js文件>
<script type="text/javascript" language="javascript" src="script/ajax_func.js"></script>
<script type="text/javascript" language="javascript">
 function doCheck(name) {
  var f = document.forms[0];
  if (name != "") {
       document.getElementById("report1_B10").innerHTML="系统正在处理您的请求,请稍候..."
//确定发送请求的方式和请求页面的URL及参数
    send_request("GET","registerCheck.jsp?value=" + name, null, "text", showFeedbackInfo);
  }
  else {
   document.getElementById("report1_B10").innerHTML = "请输入用户名!";
   }
  return  true;
 } 
//   处理返回信息的函数
 function showFeedbackInfo() {
  if (http_request.readyState == 4)  { //   判断对象状态
   if (http_request.status == 200)  { //   信息已经成功返回,开始处理信息
//在报表的B10单元格中显示返回的信息  
document.getElementById("report1_B10").innerHTML = http_request.responseText;
  }
      else   {//请求页面不正常
    alert("您所请求的页面有异常!");
   }
  }
 }
</script>
……

<report:html name="report1"
  reportFileName="/register.raq"
  funcBarLocation=""
  excelPageStyle="1"
  width="-1"
 />
2. 用户名校验页面(registerCheck.jsp)
该页面主要是完成数据库查询,根据参数查询数据库看是否有用户名相同的数据库记录,并输出相应信息。
部分代码:
 String value = request.getParameter("value");
 if (!value.equals("")) {
Connection con = null; 
 try{
  Driver driver = (Driver) Class.forName("org.hsqldb.jdbcDriver").newInstance();
DriverManager.registerDriver(driver);
 con= DriverManager.getConnection("jdbc:hsqldb:hsql://localhost/runqianDB","sa","");
 String sql = "SELECT EMPNAME from  EMPLOYEE where EMPNAME='"+value+"'";
 ResultSet rs=con.createStatement().executeQuery(sql);
  if (rs.next()) {
    out.print("该用户名已存在!");
  }
 else{    out.print("该用户名可用!");  }
   }catch (Exception e){
           e.printStackTrace();  }
 }
 else {
  out.println("参数错误");
 }
3. 报表模板:
 
在B4单元格中调用页面封装好的js函数完成AJAX校验

实现效果:
情况一:当数据库中存在相同用户名,提示“该用户名已存在!”


情况二:当数据库中不存在相同用户名,提示“该用户名可用!”
 


最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台