（二）原生js+php实现用户名查重（改良）

本文主要是介绍（二）原生js+php实现用户名查重（改良），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前提：之前写了第一种方法，发现问题很大，修改提示信息还得找到php修改，特麻烦。所以在此进行改良。

文章目录

一、mysql准备
二、html部分（regist.html）
三、php部分（regcheck.php）
四、演示结果

一、mysql准备

数据库服务器主机地址	localhost
登录账户	admin1
登录密码	admin1
数据库	admin1
数据表	user
主键	id
所需查询（匹配）字段	name

在这里插入图片描述

二、html部分（regist.html）

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><div id="box"><p><span>请输入账号：</span><input type="text" id="uname" onkeyup="chkName(this.value);" /><span id="chk"></span></p></div><script>//这里 chk 需放到html下面才可获取，放在头部提前会加载报错var chk = document.getElementById('chk');var xmlhttp;function chkName(name) {if (name.length == 0) {chk.innerHTML = '';return;}if (window.XMLHttpRequest) {xmlhttp = new XMLHttpRequest();} else {xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');}xmlhttp.onreadystatechange = function() {if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {//ajax获取php文件输出文本内容，进行js控制修改if (xmlhttp.responseText == 'true') {//这样就可以随意控制了chk.innerHTML = '恭喜，可注册！';chk.style.color = 'green';} else {chk.innerHTML = '用户名已被注册！';chk.style.color = 'red';}}}xmlhttp.open('GET','regcheck.php?name='+name,true);xmlhttp.send();}</script></body>
</html>

三、php部分（regcheck.php）

<?php$dbhost = 'localhost';	//数据库服务器主机地址$dbname = 'admin1';		//账号$dbpass = 'admin1';		//密码$conn = mysqli_connect($dbhost, $dbname, $dbpass, 'admin1');//数据库连接判断if(! $conn){die('连接失败！'.mysqli_error($conn));}$chk_name = $_GET['name'];if ($chk_name != '') {//$sql = 'select user from login where user like "'.$chk_name.'"';$sql = 'select name from user where name like "'.$chk_name.'"';$retval = mysqli_query($conn, $sql);//第一种：返回数组，能匹配则输出Array，无匹配则空//mysqli_fetch_array() 也是可以的$row = mysqli_fetch_assoc($retval);	//从结果集中取得一行作为关联数组if (!$row) {	//查询不到值，则输出trueecho 'true';	//true，表示匹配不出值，可注册#	echo $row;	//空} else {		//可以查到值，则输出falseecho 'false';	//false，表示可以匹配到值，不能注册#	echo $row; //Array}//第二种，返回行的数量/长度，存在值，则为1，不存在值，则为0#	$row_length = mysqli_num_rows($retval);	//获取行的长度#	if ($row_length == '0') {	//无行数即无值，可注册#		echo 'true';#	} else {	//有行数即有值，不能注册#		echo 'false';#	}}
?>