ajax的实时验证技术已经很成熟了，在一些规范的网站上，如果有注册验证的模板，必定会涉及到ajax的无刷新验证，这在用户注册的体验中是很棒的，对比一个不能及时和后台无刷新对接的验证模式，要重新返回来刷新，这对于用户来说，体验上是很不友好的。
ajax的模式几乎是所有站点应用的需求，ajax作为前端无刷新验证，可以和所有后台语言进行组合使用，比如
asp+ajax,PHP+ajax,.net+ajax
等等组合，这里主要讲解的是PHP+ajax的注册验证。下面的验证是一个完整的实例，我们在网站上面注册时，在输入用户名时，首先要进行无刷新验证，要验证一下后台数据库里面是否存在同名的数据，如果存在，则无刷新显示用户名已被占用的提示，这里一共涉及到四个文件。
ajax.js:
ajax技术的核心文件了，主要是验证提示的时时显示，这个文件通常不需要进行修改，只需要进行前端调用即可。var geturl="conn.PHP?q="+str
//sid是增加一个随机数 防止页面启用缓存技术·
geturl=geturl+"&sid="+Math.random()
geturl=encodeURI(geturl);
geturl=encodeURI(geturl);
xmlHttp.open("GET",geturl,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox,Opera 8.0+,Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
conn.PHP:
这是网站的配置文件，要配置好自己本地的MysqL用户名和密码,需要配置PHP与数据库的连接,可以参考PHP+MysqL数据库连接的文章,另外要处理接受过来的数据进行时实显示，如果有多项要验证的文件，在这里进行多项接受和验证即可。{
$conn = @MysqL_connect("localhost","root","1010") or die ("MysqL连接错误");
MysqL_select_db("xin",$conn);
MysqL_query("set names 'utf8'");
$sql = "SELECT username FROM message WHERE username = '$q'";
$query = MysqL_query($sql);
@$row = MysqL_fetch_array($query);
if(!empty($row['username']))
{
$response = "已经被注册！";
}else
{
$response = "恭喜！可以注册！";
}
echo $response;
}
?>
index.html:
这就是前端文件了，这个文件相对来说要更简单一些，调用了ajax.js的处理文件,将要提交无刷新验证的文件提交到conn.PHP和后台进行连接。版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
