Ajax_完成前台JSP数据验证

xiaobojava

浏览: 990191 次
性别:
来自: 上海

最近访客更多访客>>

apex53

redww

sys_ks_cnm

smh0310

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ajax技术应用

JSP Ajax Cache CSS JavaScript

JSP部分：

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>My JSP 'index.jsp' starting page</title>
   <meta http-equiv="pragma" content="no-cache">
   <meta http-equiv="cache-control" content="no-cache">
   <meta http-equiv="expires" content="0">
   <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
   <meta http-equiv="description" content="This is my page">
   
   <script language="javascript">
   var xmlHttp;

   //创建xmlHttp对象
   function createXMLHttpRequest()
   {
    if(window.ActiveXObject)
    {
     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else
    {
     xmlHttp = new XMLHttpRequest();
    }
   }
   function validate()
   {
     createXMLHttpRequest();
    　var date = document.getElementById("inputname");
    　var url = "CheckNameServlet?inputname=" + escape(date.value);
    　xmlHttp.open("GET", url, true);
    　xmlHttp.onreadystatechange = callback;
    　xmlHttp.send(null);
   }
   function callback()
   {
    if(xmlHttp.readyState == 4)
    {
     if(xmlHttp.status == 200)
     {
      var mes =xmlHttp.responseXML.getElementsByTagName("message")[0].firstChild.data;
    　   var val =xmlHttp.responseXML.getElementsByTagName("passed")[0].firstChild.data;
     　　setMessage(mes, val);
     }
    }
   }
   function setMessage(message, isValid)
   {
    var messageArea = document.getElementById("dateMessage");
　　   var fontColor = "red";
    if(isValid == "true")
    {
     fontColor = "green";
    }
    messageArea.innerHTML = "<font color=" + fontColor + ">"+ message + " </font>";
   }
</script>
</head>

<body>
   <h1>
    Ajax Validation Example
   </h1>
   Birth date:
   <input type="text" size="10" id="inputname" onchange="validate();" />
   <div id="dateMessage"></div>
</body>
</html>

Servlet部分：

public class CheckNameServlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}

public void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
   PrintWriter out = response.getWriter();
   boolean passed = validateDate(request.getParameter("inputname"));

response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");

   String message = "name existence";
   if (passed) {
    message = "You can user this name";
   }
   out.println("<response>");
   out.println("<passed>" + Boolean.toString(passed) + "</passed>");
   out.println("<message>" + message + "</message>");
   out.println("</response>");
   out.close();

}

private boolean validateDate(String date) {
   boolean isValid = true;
   if (date != null) {
    if(date.equalsIgnoreCase("mengya")){
     isValid=false;
    }
   }
   return isValid;
}

}

分享到：

DBCP的使用优化数据库的连接 | Ajax_读取响应首部

2009-04-21 18:39
浏览 2164
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论