当前位置:编程学习 > php >>

PHP+Ajax 用户名检测详解

本例一共需3个文件
Ajax.js
var xmlHttp;
//实例化过程
function S_xmlhttprequest(){
   if(window.ActiveXObject){
      xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
   }else if(window.XMLHttpRequest){
      xmlHttp=new XMLHttpRequest();
   }
}
function funphp100(name){
   //获取form内容
//http://www.ruoshuiyx.com 沈阳网站建设
   var f=document.myform.user.value;
   //引用实例化过程
   S_xmlhttprequest();
   //打开请求
   xmlHttp.open("GET","index.php?id="+f,true);
   //准备就绪执行
   xmlHttp.onreadystatechange=byphp;
   xmlHttp.send(null);
   
}
function byphp() {
   if(xmlHttp.readyState== 1) {
       document.getElementById('php100').innerHTML = "<img src='loading.gif'>";
   }
    if(xmlHttp.readyState== 4 ){
      if(xmlHttp.status == 200) {
         var byphp100 = xmlHttp.responseText;
         document.getElementById('php100').innerHTML = byphp100;
      }
   }
}
For.php
<scripttype="text/javascript"src="ajax.js"></script>
<formname="myform"action="" method="post"enctype="type/plain">
用户名//http://www.ruoshuiyx.com 沈阳网站建设:<inputtype="text"name="user"value=""onblur="funphp100('php100')">
<divid="php100"></div>
</form>
Index.php
<?php
if($id=$_REQUEST[id])
{
   //for ($i=1;$i<3;$i++)
   //{
   //  echo$id;
   //  sleep(1);//
   //}
   sleep(2);
   if($id=='4125')
   {
      echo "已经存在";      
   }
   else
   {
      echo "可以注册";
   }
//exit();  
}
?>
知识点:
1、 Ajax技术实现用户名检查原理
2、 学习HTML的几种触发
onblur 事件会在对象失去焦点时发生。
onchange 事件会在域的内容改变时发生。
onclick 事件会在对象被点击时发生。
onfocus 事件在对象获得焦点时发生。
onkeydown 事件会在用户按下一个键盘按键时发生。
onkeypress 事件会在键盘按键被按下并释放一个键时发生。
onkeyup 事件会在键盘按键被松开时发生。
onmousedown 事件会在鼠标按键被按下时发生。
onmousemove 事件会在鼠标指针移动时发生。
onmouseout 事件会在鼠标指针移出指定的对象时发生。
onmouseup 事件会在鼠标按键被松开时发生。
3、 如何获取表单中的数据内容
<formname="myform" …
 
<inputname=user type=text value="">
 
</form>
document.myform.user.value
 
补充:Web开发 , php ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,