ajax php 简单注册demo_ajax demo php-CSDN博客

本文链接：https://blog.csdn.net/www__wangji/article/details/6523287

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>我的专用</title>
 <script type="text/javascript">
 //1、创建Ajax的$xmlhttprequest
 var $xmlhttprequest=null;
 if(window.XMLHttpRequest){//FF,Opera,高版本IE
     $xmlhttprequest=new XMLHttpRequest();
     if($xmlhttprequest.overrideMiniType){
         $xmlhttprequest.overrideMiniType("text/xml");
 }    
     }else if(window.ActiveXObject){//低版本IE
         $xmlhttprequest=null
         ||(new ActiveXObject("Microsoft.XMLHTTP"))
         ||(new ActiveXObject("Msxml2.xmlhttp"))
         ||(new ActiveXObject("Msxml2.xmlhttp.4.0"));
 }
 
 //2、发送数据并且准备反馈处理的方法
 function sendAjax($url){
     if($xmlhttprequest){
         var $type=$url.split("?")[1].split("=")[0];
         //防止IE等浏览器缓存
         if($url.indexOf("?")>-1){
             $url=$url+"&"+(new Date().getTime());
         }else{
             $url=$url+"?"+(new Date().getTime());
         }
         $xmlhttprequest.open("GET",$url,true);
         $xmlhttprequest.onreadystatechange=getName($type);
         $xmlhttprequest.send(null);
     }
 }
 
 function getName($type){
     switch($type){
         case "pwd":
             return processResponsePwd;
             break;
             
         case "username":
             return processResponseUsername;
             break;
         
         }
 }
 
 //3、处理反馈回来的信息
 function processResponsePwd(){
     if($xmlhttprequest.readyState==4){
         if($xmlhttprequest.status==200){
             if($xmlhttprequest.responseText=="0"){
                 document.getElementById("txtuser").innerHTML="密码正确！";
             }else{
                 document.getElementById("txtuser").innerHTML="密码错误，请重新输入！";    
             }
         }
     }
 }
 
 function processResponseUsername(){
     if($xmlhttprequest.readyState==4){
         if($xmlhttprequest.status==200){
             if($xmlhttprequest.responseText=="0"){
                 document.getElementById("txtuser2").innerHTML="这个用户名可以使用！";
             }else{
                 document.getElementById("txtuser2").innerHTML="这个用户名已经存在，请使用其他的用户名！";    
             }
         }
     }
 }
 </script>
 <style type="text/css">
 div#txtuser {
     width:380px;
     height:20px;
 }
 div#txtuser2 {
     width:380px;
     height:20px;
 }
 </style>
 </head>
 <body>
 <form id="form1" name="form1" method="GET" action="">
   <table width="100%" border="1" cellspacing="0" cellpadding="0">
     <tr>
       <td>用户名：
         <input type="text" name="text_username" value="" maxlength="50" οnblur="javascript:sendAjax('checkname.php?username='+
   this.value);" /></td>
       <td><div id="txtuser2"></div></td>
     </tr>
     <tr>
       <td>用户密码：
         <input type="text" name="text_useraccount" value="" maxlength="50" οnblur="javascript:sendAjax('checkuser.php?pwd='+
   this.value);" /></td>
       <td><div id="txtuser"></div></td>
     </tr>
   </table>
 </form>
 </body>
 </html>
 
 
ajax.php页面
 

 
 <?php 
 $mysql_server='localhost';
 $mysql_username='root';
 $mysql_password='';
 $mysql_db='test';
 
 $conn=mysql_connect($mysql_server,$mysql_username,$mysql_password) or die("链接失败！");
 mysql_select_db($mysql_db,$conn) or die("数据库链接失败！");
 mysql_query("set names 'utf-8'");
   
 $sql="";
 $sql.=" SELECT * FROM `member` ";
 $sql.=" WHERE 1=1 ";
 $sql.=" AND username='".$_GET["username"]."' ";
 //echo $sql;
 //3、执行查询
 $result=@mysql_query($sql) or die("#3#");
 
 if(mysql_num_rows($result)==0){
     echo "0";
 }else{
     echo "1";
 }
 ?>
 
 

checkname.php页面

 
 <?php 
 $mysql_server='localhost';
 $mysql_username='root';
 $mysql_password='';
 $mysql_db='test';
 
 $conn=mysql_connect($mysql_server,$mysql_username,$mysql_password) or die("链接失败！");
 mysql_select_db($mysql_db,$conn) or die("数据库链接失败！");
 mysql_query("set names 'utf-8'");
   
 $sql="";
 $sql.=" SELECT * FROM `member` ";
 $sql.=" WHERE 1=1 ";
 $sql.=" AND pwd='".$_GET["pwd"]."' ";
 //echo $sql;
 //3、执行查询
 $result=@mysql_query($sql) or die("#3#");
 
 if(mysql_num_rows($result)==0){
     echo "0";
 }else{
     echo "1";
 }
 ?>
 
 