[第三弹]利用ajax技术,验证用户名是否被占用

发布时间：2020-12-16 00:20:13 所属栏目：百科来源：网络整理

导读：demo01.html htmlheadscript src="public.js"/scriptscriptwindow.onload = function(){$('username').onblur = function(){var username = $('username').value;//var passwd = $('passwd').value;var xmlHttp = createXMLHttp();var url = 'demo01.php?use

demo01.html

<html>
	<head>
		<script src="public.js"></script>
		<script>
			window.onload = function(){
				$('username').onblur = function(){
					var username = $('username').value;
					//var passwd = $('passwd').value;
					var xmlHttp = createXMLHttp();
					var url = 'demo01.php?username=' + username + '&_=' + new Date().getTime();
					xmlHttp.open('get',url);
					xmlHttp.onreadystatechange = function(){
						if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
							var flag = xmlHttp.responseText;
							if(flag == 1){
								//flag = 1表示用户名占用
								$('display').innerHTML = "<font color=red>用户名被占用,请更换!</font>";
							}
							else{
								$('display').innerHTML = "<font color=green>用户名可用</font>";
							}
						}
					};
					xmlHttp.send(null);
				};
			};
		</script>
	</head>
	
	<body>
		<form method="psot" action="demo04.php">
			用户名:<input type="text" id="username" name="username"> <span id="display" ></span>
			<br />
			密码:<input type="password" id="passwd" name="passwd">
			<br />
			<input type="submit" value="注册">
			<input type="hidden" name="act" value="register">
		</form>
	</body>
</html>

demo01.php

<?php

$username = $_GET['username'];
$link = mysql_connect('127.0.0.1:3306','root','passwd');
mysql_select_db('test');
mysql_query('set names utf8');
$result = mysql_query("select * from admin where username='$username'");
$n = mysql_num_rows($result);
// $row = mysql_fetch_row($result);
mysql_close($link);
if($n > 0){
	echo 1;
}
else{
	echo 0;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!