最近自己写了一个Ajax的基础文件,调用数据库判断前台用户注册是否用户名存在。
这是前台部分(未渲染)
<form name="myform" method="POST" action="register_handle.php"> <fieldset> <legend>用户注册</legend> <center>用 户 名:<input type="text" name="UserName" size="40" onblur="checkname();" ></center><span id="span1"></span><BR><BR> <center>电 话:<input type="text" name="UserNumber" size="40"><BR><BR></center> <center>Q Q:<input type="text" name="UserQQ" size="40"><BR><BR></center> <center>Email :<input type="text" name="UserEmail" size="40"><BR><BR></center> <center>住 址:<input type="text" name="UserAddress" size="40"><BR><BR></center> <center>密 码:<input type="text" name="UserPWD" size="40"><BR><BR></center> <center><input type="submit" value="确 定" size="40"> <input type="reset" value="重 置" size="40"></center> </fieldset> </form>
这是Ajax.js文件
//检测用户名是否存在 var XHR=null; function createXMLHttpRequest() { if(window.XMLHttpRequest) return new XMLHttpRequest(); else if (window.ActiveXObject) { var XMLVersions=["MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0","MSXML2.XMLHttp","Micrsoft.XMLHttp"]; for(var i=0;i< XMLVersions.length;i++) { try { return new ActiveXObject(XMLVersions[i]); } catch(error) {} } } throw new Error("您的浏览器不支持XMLHttpRequest对象"); } function checkname() { var username=document.myform.UserName.value; //alert(username); XHR=createXMLHttpRequest(); XHR.onreadystatechange=handleStateChange; XHR.open("POST","register_username.php",true); //修改 XHR.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); //post 特有 XHR.send("username="+username); //修改 post时, 传递参数 //alert(username); } function handleStateChange() { if(XHR.readyState==4) { if(XHR.status==200) { document.getElementById("span1").innerHTML=XHR.responseText; } else window.alert("文件打开有误!"); } } 这里我用的是post调用方式,关于这个的send()函数查了好久。
这个事后台数据库,我用的是mysql
<?php //检测用户名是否存在 $user=$_POST['username']; //echo $user; mysql_connect("localhost",'root','123456'); mysql_select_db('design'); $sql="select * from design.user_register where user_name='".$user."'"; $query=mysql_query($sql); if(is_array(mysql_fetch_array($query))) { echo "<font color=red>用户名已存在!</font>"; } else { echo "<font color=green>用户名可以使用</font>"; } ?> (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|