今天就跟大家聊聊有關AJAX中怎么檢測用戶名是否存在,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
怎樣檢測AJAX用戶名是否存在
當然,這個步驟可以在用戶提交表單以后由后臺程序檢測,如果用戶名已存在,用戶需要返回注冊頁面重新填寫用戶名,而前面填寫的其他信息也隨著網頁的跳轉已經過期,全部需要重填,這對用戶來說是極大的傷害。
因此,有必要使用 AJAX 在用戶不提交信息的情況下及時檢測用戶名是否存在。
前臺代碼:
p>
請輸入用戶名:input type="text" id="demo" />
span id="result">/span>
/p>
script type="text/javascript">
document.getElementById("demo").onblur=function(){ // 輸入框失去焦點
var thisNode=this;
var span=document.getElementById("result");
var xmlhttp;
try{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}catch(e){
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState4){ // 正在交互
span.style.color="blue";
span.innerHTML="正在檢測...";
}
if (xmlhttp.readyState==4 && xmlhttp.status==200){ // 請求成功
if(parseInt(xmlhttp.responseText)){ // 將服務器返回的數(shù)據轉換為整數(shù)
span.style.color="red";
span.innerHTML="抱歉,您填寫的用戶名已經存在!";
}else{
span.style.color="green";
span.innerHTML="恭喜你,填寫正確!";
怎樣檢測AJAX用戶名是否存在
}
}
}
xmlhttp.open("POST","/demo/javascript/ajax/ajaxDemo.php?action=checkUserName",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("username="+thisNode.value);
}
/script>
后臺代碼(PHP):
?php
if($_GET['action']=="checkUserName"){
// 為簡單起見,這里不再查詢數(shù)據庫,使用 3 個用戶名作為示例
if(
$_POST['username']=="admin"||
$_POST['username']=="xiaoming"||
$_POST['username']=="zhangsan"
){
echo 1;
}else{
echo 0;
}
}
?>
看完上述內容,你們對AJAX中怎么檢測用戶名是否存在有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。
網站標題:AJAX中怎么檢測用戶名是否存在-創(chuàng)新互聯(lián)
網頁地址:http://www.chinadenli.net/article6/dspsog.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供ChatGPT、App開發(fā)、Google、服務器托管、做網站、響應式網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容