- 论坛徽章:
- 0
|
代码如下:
index.html
----------------------------------------
<HTML>
<HEAD>
<TITLE>注册新用户</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<script language="JavaScript" type="text/javascript">
<!--
var xmlhttp;
try{
xmlhttp= new ActiveXObject('Msxm12.XMLHTTP');
}catch(e){
try{
xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
try{
xmlhttp= new XMLHttpRequest();
}catch(e){}
}
}
function checkUserName(){
xmlhttp.open("get","info.php?name="+document.getElementById("username").value,false);
xmlhttp.send(null);
}
xmlhttp.onreadystatechange=function(){
if(4==xmlhttp.readyState){
if(200==xmlhttp.status){
alert(xmlhttp.responseText);
var span1=document.getElementsByTagName("span");
span1[0].innerHTML=xmlhttp.responseText;
}else
alert(xmlhttp.status);
}
}
//-->
</script>
</HEAD>
<BODY>
<span id="span1">hello,ajax!</span>
<form id="form1" name="form1">
<input type="text" name="username" id="username">
<INPUT TYPE="submit" value="验证用户名是否可用" onclick="checkUserName()">
</form>
</BODY>
</HTML>
PHP代码:
--------info.php--------------
<?php
$link = mysql_connect('localhost','root','654321');
if(!$link){
echo("数据库连接失败");
}
$username = $_GET['name'];
mysql_select_db('ajax',$link);
header("Content-type:text/html;charset=GB2312");
$ss = "select * from user where username = '$username'";
//echo $ss;
$sql= mysql_query($ss,$link);
$row = mysql_num_rows($sql);
//echo $row;
if($row)
echo "用户名已被注册";
else
echo "用户名还没有被注册";
mysql_close($link);
?>
当我单击按钮时如下的
hello,ajax!将为替为用户名已被注册或用户名还没有被注册。但总是闪一下看到。
我的意思就是单击按钮后不能将“hell,ajax" 替为服务器传回来文本。就是闪下看到又变回去了! |
|