日期:2014-05-16  浏览次数:20675 次

ajax 简单实现判断用户是否注册【登录情况】【员工注册、下拉动态加载】
   ajax 实现注册检测及员工注册  javascript :
<script>
  //检测用户是否被注册
  function check()
  {
    var name = document.getElementById("empName").value;
    //1.创建核心对象
    var request = false;
    try
    {
      request = new XMLHttpRequest();//firefox
    }
    catch(e)
    {
       request = new ActiveXObject("Microsoft.XMLHttp");
    }
    //2.打开并发送(加随机数,也不会访问缓存)
    request.open("get","ajax.do?p=check&name="+name+"&r="+Math.random());
    request.send(null);
    //3.接收
    request.onreadystatechange = function()
    {
      if (request.readyState==4 && request.status==200)
      {
        var ret = request.responseText;
       //alert(ret.length);
        if (ret=="true")
        {
          document.getElementById("msg").innerHTML="手气真被";
        }
       if(ret!="true")
        {
          document.getElementById("msg").innerHTML="手气真好";
        }
      }
    }
  }
 
  //加载事件去查所有部门,得到是部门json数组字符,要转换,并添加select
  onload = function()
  {
     //1.创建核心对象
    var request = false;
    try
    {
      request = new XMLHttpRequest();//firefox
    }
    catch(e)
    {
       request = new ActiveXObject("Microsoft.XMLHttp");
    }
    //2.打开并发送(加随机数,也不会访问缓存)
    request.open("get","ajax.do?p=getAllDept&r="+Math.random());
    request.send(null);
    //3.接收
    var dep = document.getElementById("dep");
    request.onreadystatechange = function()
    {
      if (request.readyState==4 && request.status==200)
      {
        var ret = request.responseText;
        var arry = eval("("+ret+")");
        for (var i=0;i<arry.length;i++)
        {
           var op = new Option(arry[i].name,arry[i].id);
           dep.add(op);
        }
      }
    }
  }
</script>

//body代码

<body>&nbsp;
   <!-- 检测用户是否被注册 -->
   <form action="ajax.do?p=regist" method="post">
       姓名:<input type=text name="empName" id="empName" onblur="check()"> <span id="msg"></span><br>
      性别:<input type=rad