在PHP中应用Ajax技术检测用户名

阅读更多

一 代码

fun.js

function chkUsername(username){
	if(username==''){     //判断用户名是否为空
	    alert('请输入用户名！');	
	}else{
        var xmlObj;     //定义XMLHttpRequest对象
	    if(window.ActiveXObject){     //如果是浏览器支持ActiveXObjext则创建ActiveXObject对象
	        xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
	    }else if(window.XMLHttpRequest){     //如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象
		    xmlObj = new XMLHttpRequest();
	    }	
	
	    xmlObj.onreadystatechange = callBackFun;    //指定回调函数
	    xmlObj.open('GET', 'chk.php?username='+username, true);     //使用GET方法调用chk.php并传递username参数的值
	    xmlObj.send(null);     //不发送任何数据，因为数据已经使用请求URL通过GET方法发送
	
	    function callBackFun(){     //回调函数
	        if(xmlObj.readyState == 4 && xmlObj.status == 200){   //如果服务器已经传回信息并没发生错误
			    if(xmlObj.responseText=='y'){    //如果服务器传回的内容为y，则表示用户名已经被占用
				    alert('该用户名已被他人使用！');
			    }else{       //不为y，则表明用户名未被占用
			        alert('恭喜，该用户未被使用！');	
			    }
		    }	
	    }
	}
}

 

chk.php

 

conn.php

 

index.php

Ajax检测用户名

    用户名： 

 

二 运行结果

 

• 
• 大小: 27.2 KB

• 查看图片附件