Ajax+PHP检查用户名或邮件

Posted 2021-04-15 巴巴塔分享站

1、Ajax技术实现用户名检查原理

2、学习html的几种触发

onblur 事件会在对象失去焦点时发生。

onchange 事件会在域的内容改变时发生。

onclick 事件会在对象被点击时发生。

onfocus 事件在对象获得焦点时发生。

onkeydown 事件会在用户按下一个键盘按键时发生。

onkeypress 事件会在键盘按键被按下并释放一个键时发生。

onkeyup 事件会在键盘按键被松开时发生。

onmousedow n事件会在鼠标按键被按下时发生。

onmousemove 事件会在鼠标指针移动时发生。

onmouseout 事件会在鼠标指针移出指定的对象时发生。

onmouseup 事件会在鼠标按键被松开时发生。

3、如何获取表单中的数据内容

4、实例操作

先看效果图：

index.php：

<script type="text/javascript" src="ajax.js"></script>

<form name="myform" action="" method="post" enctype="text/plain">
用户名：
    <input type="text" name="user" value="" onblur="funphp()">
    <div id="result"></div>
</form>

for.php：

<?php
if ($_GET['id']){
    sleep(1);
    $con=@mysql_connect('localhost','root','');
    mysql_select_db('blog',$con);
    $sql="select * from blog_user where username='$_GET[id]'";
    $q=mysql_query($sql);
    if (@is_array(mysql_fetch_row($q))){
        echo "<font color=red>用户名已经存在</font>";
    }else{
        echo "<font color=green>可以使用</font>";
    }
}

ajax.js：

var xmlHttp;
function S_xmlhttprequest() {
    if(window.ActiveXObject){
        xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
    }else if(window.XMLHttpRequest){
        xmlHttp=new XMLHttpRequest();
    }
}

function funphp() {
    var f=document.myform.user.value;
    S_xmlhttprequest();
    xmlHttp.onreadystatechange=byphp;
    xmlHttp.open("GET","for.php?id="+f,true);
    xmlHttp.send(null);
}

function byphp() {
    if(xmlHttp.readyState==1){
        document.getElementById('result').innerHTML="<img src=loading.gif>";
    }
    if(xmlHttp.readyState==4){
        if(xmlHttp.status==200){
            var res=xmlHttp.responseText;
            document.getElementById('result').innerHTML=res;
        }
    }
}