在客戶后臺(tái)管理系統(tǒng)中，涉及到“客戶名”或者“用戶名”重復(fù)的問題，這個(gè)問題可以通過“ajax”來解決

以下：ajax.js文件

// JavaScript Document
var XHR; //定義一個(gè)全局對(duì)象
function createXHR(){ //首先我們得創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
if(window.ActiveXObject){//IE的低版本系類
XHR=new ActiveXObject('Microsoft.XMLHTTP');//之前IE壟斷了整個(gè)瀏覽器市場(chǎng)，沒遵循W3C標(biāo)準(zhǔn)，所以就有了這句代碼。。。但I(xiàn)E6之后開始有所改觀
}else if(window.XMLHttpRequest){//非IE系列的瀏覽器，但包括IE7 IE8
XHR=new XMLHttpRequest();
}
}
function checkname(){
var username=document.myform.user.value;
createXHR();
XHR.open("GET","checkname.php?id="+username,true);//true:表示異步傳輸，而不等send()方法返回結(jié)果，這正是ajax的核心思想
XHR.onreadystatechange=byhongfei;//當(dāng)狀態(tài)改變時(shí)，調(diào)用byhongfei這個(gè)方法，方法的內(nèi)容我們另外定義
XHR.send(null);
}
function byhongfei(){
if(XHR.readyState == 4){//關(guān)于Ajax引擎對(duì)象中的方法和屬性，可以參考我的另一篇博文：http://www.cnblogs.com/hongfei/archive/2011/11/29/2265377.html
if(XHR.status == 200){
var textHTML=XHR.responseText;
document.getElementById('checkbox').innerHTML=textHTML;
}
}
}

以下是：checkname.php(php程序文件)

<?php
$con=mysql_connect("localhost","root","");
if (!$con){die('Could not connect: ' . mysql_error());}
else { mysql_select_db('liyanlong', $con); }
mysql_query('SET NAMES UTF8');
$name=str_replace(" ","",$_GET["id"]);
$sql="select * from lyl_client where client_name='".$name."'";
//print_r($sql);
$query=mysql_query($sql);
//print_r($sql);
//print_r(mysql_num_rows($query));exit;
if(mysql_num_rows($query)>0){
echo "<font color=red>該客戶已存在</font>";
}else{
echo "<font color=green>客戶名可以使用</font>";
}
?>

以下是調(diào)用程序和js的html文件：profile.html

<form name="form2" action="profile_add.php" method="post">

<table>
<tr>
<td class="right_title_2" colspan="2"><input name="client_name" id="client_name" type="text" value="" οnkeydοwn="if (event.keyCode==13||event.keyCode==32) {return false}" /><br/><span id="checkbox"></span></td>
<td class="right_title_2">
<input type="button" value="驗(yàn)證客戶名" class="button" οnclick="checkname()"/>
</td>

</tr></table></form>件：profile.html

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/bafeiyu/archive/2012/12/14/2817992.html

總結(jié)

以上是生活随笔為你收集整理的ajax判断用户名是否已经存在的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。