实时提示待注册用户名是否已注册

朱雀 2023-08-17 17:10 132阅读 0赞

**XmlHttp参考手册：** [https://www.jb51.net/shouce/xmlhttp/][https_www.jb51.net_shouce_xmlhttp]  
XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或接收XML及其他数据的一套API。  
XmlHttp最大的用处是**可以更新网页的部分内容而不需要刷新整个页面**。

**html中：**

<span>输入账号 :</span>
    	<input type="text" id="name" name="name" onkeyup="check()"> 
    	<span id="result"></span>
    	<script>
    		var xmlhttp;
    		function check(){ 
    		  	var name = document.getElementById("name").value;
    		  	var url = "mysql.php?name=" + name; 
    		  	xmlhttp = new XMLHttpRequest();							//创建对象，XMLHttpRequest提供客户端同http服务器通讯的协议
    		  	xmlhttp.onreadystatechange = result; 					//响应函数，指定当readyState属性改变时的事件处理句柄
    		  	xmlhttp.open("GET", url, true);   						//创建一个新的http请求，并指定此请求的方法、URL以及验证信息
    		  	xmlhttp.send(null);  									//send发送请求到http服务器并接收回应
    		}
    		 
    		function result(){    										//判断响应是否成功，如果成功获取服务端返回的数据，则显示在span中
    		  	if (xmlhttp.status == 200 && xmlhttp.readyState == 4){ 	//readyState返回XMLHTTP请求的当前状态，4表示数据接收完毕
    		    	document.getElementById('result').innerHTML = xmlhttp.responseText;	//responseText将响应信息作为字符串返回
    			}
    		}
    	</script>

**PHP中：**

$con = mysqli_connect('127.0.0.1', 'root', 'root', 'dengtongyipai');
        $username = $_GET['name'];
        if(!empty($username)){ 
            $sql = "select * from users where username = '$username'";
            $res = mysqli_query($con, $sql);
            $result = mysqli_num_rows($res);
            if($result > 0){ 
                echo "用户名已存在，请重新输入！".$username;
            }else{ 
                echo "恭喜你，该账号尚未注册！".$username;
            }
        }else{ 
            echo "用户名不能为空";
        }
        mysqli_close($con);

[https_www.jb51.net_shouce_xmlhttp]: https://www.jb51.net/shouce/xmlhttp/