地市分站
用户名
密  码
您现在的位置是:树人网首页 / 计算机等级考试 / Java认证 / 文章浏览
ajax验证用户名是否可用
文章来源:来源网络 发表时间:2008-07-15 点击次数
Ajax很简单(jsp例子)

  首先是jsp页面和脚本,为了方便写在一个里面

  这是一个很常见的检测用户名是否存在的功能

  这里用的是struts ,可以在路径path中加加上要传的值name 在action中连接数据库 验证是否存在

  --------------------------------------------------------------------------------

  <%@ page contentType="text/html; charset=GBK" %>

  <html>

  <head>

  <title>

  ajax

  </title>

  </head>

  <body bgcolor="#ffffff">

  <h1>

  <input name="username" type="text" maxlength="20" />

  <input id="chk-name-btn" type="button" value="检测帐号" onclick="testName(’<%=request.getContextPath()%>’)" />

  <div id="view_name"></div>

  </h1>

  </body>

  </html>

  <script language="javascript">

  if (window.ActiveXObject && !window.XMLHttpRequest) {

  window.XMLHttpRequest=function() {

  return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf(’msie 5’) != -1) ? ’Microsoft.XMLHTTP’ : ’Msxml2.XMLHTTP’);

  };

  }//取得XMLHttpRequest对象

  function testName(path){

  //path是取得系统路径

  var view_name=document.getElementById("view_name");

  var req=new XMLHttpRequest();

  if (req) {

  req.onreadystatechange=function() {

  if (req.readyState==4 && req.status==200) {//判断状态,4是已发送,200已完成

  if(req.responseText==0){

  view_name.style.color=’green’;

  view_name.innerHTML=’该用户名可以正常使用’;

  }else if(req.responseText==1){

  view_name.style.color=’red’;

  view_name.innerHTML=’该用户名已经被使用’;

  }else{

  view_name.style.color=’red’;

  view_name.innerHTML=’该用户名含有非法字符!’;

  }

  }

  }

  req.open(’POST’, path+’/ajax.do’);//struts

  //req.open(’POST’, path+’/ajax.servlet’);//servlet

  //req.open(’POST’, path+’/ajax.action’);//webwork



第 页

责任编辑:qwer19871212

相关文章
公告栏

“蓝焰杯”第二届河南教育十大新闻人物火热评选中!!

点击参加评选,为你心目中的新闻人物投上一票>>>>
频道内容精选
[计算机考试]程序员必考的知识点
论坛/博客精选