php如何應(yīng)用Ajax技術(shù)檢測(cè)用戶(hù)名

這篇文章主要介紹php如何應(yīng)用Ajax技術(shù)檢測(cè)用戶(hù)名，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

1.搭建Ajax開(kāi)發(fā)框架,代碼如下

<script language="javascript">
var http_request = false;
function createRequest(url) {
    //初始化對(duì)象并發(fā)出XMLHttpRequest請(qǐng)求
    http_request = false;
    if (window.XMLHttpRequest) {                                        //Mozilla等其他瀏覽器
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType("text/xml");
        }
    } else if (window.ActiveXObject) {                              //IE瀏覽器
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (e) {}
        }
    }
    if (!http_request) {
        alert("不能創(chuàng)建XMLHTTP實(shí)例!");
        return false;
    }
    http_request.onreadystatechange = alertContents;                     //指定響應(yīng)方法
                                                                                              
    http_request.open("GET", url, true);                                 //發(fā)出HTTP請(qǐng)求
    http_request.send(null);
}
function alertContents() {                                               //處理服務(wù)器返回的信息
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            alert(http_request.responseText);
        } else {
            alert('您請(qǐng)求的頁(yè)面發(fā)現(xiàn)錯(cuò)誤');
        }
    }
}
</script>

2.編寫(xiě)JavaScript的自定義函數(shù)checkname();用于檢測(cè)用戶(hù)名是否為空,當(dāng)用戶(hù)名不為空時(shí),調(diào)用createRequest() 方法發(fā)送請(qǐng)求檢測(cè)用戶(hù)名是否存在,代碼如下:

function checkname()
{
    var username = form1.user.value;
    if (username=="")
    {
        window.alert ("請(qǐng)輸入用戶(hù)名");       
    }
    else
    {
                                                                             
createRequest('action/checkname.php?username='+username+'&nocache='+new Date().getTime());
    }
}

3.在頁(yè)面添加"檢測(cè)用戶(hù)名超鏈接"

<td width="93" class="ziti2"><a href="#" onclick="checkname()">[檢測(cè)用戶(hù)名]</a></td>

4.創(chuàng)建checkname.php處理頁(yè)面,代碼如下

<?php
header("Content-type= text/html; charset=utf8");
include "../conn/conn.php";
$GB2312string=iconv( 'UTF-8', 'gb2312//IGNORE' , $RequestAjaxString);           //Ajax中先用encodeURIComponent對(duì)要提交的中文進(jìn)行編碼
$username = $_GET[username];
$sql=mysql_query("select * from user where username='".$username."'")or die (mysql_error());
$info=mysql_fetch_array($sql);
if($info)
{
    echo "祝賀您!用戶(hù)名[".$username."]沒(méi)有被注冊(cè)!";
}
else
{
    echo "祝賀您!用戶(hù)名[".$username."]沒(méi)有被注冊(cè)!";
}
?>

以上是“php如何應(yīng)用Ajax技術(shù)檢測(cè)用戶(hù)名”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！