AJAX实现用户名验证
发布时间：2015-05-27 19:30:09作者：知识屋
//该文件为register.php,在客户端
<html>
<head>
<title>用户注册</title>
<meta http-equiv = "content-type" content = "text/html;charset=utf-8"/>
<script type = "text/javascript" >
//创建ajax引擎
function getXmlHttpObject(){
var xmlHttpRequest;
//不同浏览器获取对象XmlHttpRequest对象方法不同
if(window.ActiveXObject){
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttpRequest = new XMLHttpRequest();
}
return xmlHttpRequest;
}
/*
function getXmlHttpObject(){
//不同浏览器获取对象XmlHttpRequest对象方法不同
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;
}
*/
var myXmlHttpRequest = "";
//验证用户名是否存在
function checkName(){
//1号线
myXmlHttpRequest = getXmlHttpObject();
//判断创建成功？
if(myXmlHttpRequest){
//通过myXmlHttpRequest对象发送请求到服务器的某个页面
//第一个参数表示请求的方式, "get"/"post"
//第二个参数指定url,对哪个页面发出ajax请求(本质仍然是HTTP请求)
//第三个参数.true表示使用异步机制，false表示不使用异步机制
//注意：此处如果"username"和"="之间有空格，否则会出错，在服务器端接收不到"username";
//注意：如果"="之后有空格则将此空格也作为接收到的username的值的一部分。
//即在服务器端收到的username的值=“ ”(即空格)+从客户端发送的username值。
var url = "/AjaxTest/registerProcess.php?username=" + $("username1id").value;
//window.alert(url);
//打开请求
myXmlHttpRequest.open("get",url,true);
//指定回调函数.process是个函数名
myXmlHttpRequest.onreadystatechange = process;
//真正发送请求。如果是get请求则填入null即可
//如果是post请求，则填入实际的数据
//2号线
myXmlHttpRequest.send(null);
}
}
//回调函数
function process(){
//window.alert("这是回调函数" + myXmlHttpRequest.readyState);
//我要取出从registerProcess.php页面返回的数据
if(myXmlHttpRequest.readyState == 4){
//取出值，根据返回信息的格式而定
//window.alert("服务器返回" + myXmlHttpRequest.responseText);
//4号线
$('myResponse').value = myXmlHttpRequest.responseText;
}
}
function $(id){
return document.getElementById(id);
}
</script>
</head>
<body>
<form action = "" method = "post">
用户名：<input type = "text" name = "username1" id = "username1id" >
<input type = "button" onclick = "checkName();" value = "验证用户名">
<input style = "border-width: 0; color: red" type = "text" id = "myResponse">
<br/>
密码：<input type = "password" name = "password"><br/>
电子邮件:<input type = "text" name = "email"><br/>
<input type = "submit" value = "用户注册">
</form>
<form action = "" method = "post">
用户名：<input type = "text" name = "username2" >
<br/>
密码：<input type = "password" name = "password"><br/>
电子邮件:<input type = "text" name = "email"><br/>
<input type = "submit" value = "用户注册">
</form>
</body>
</html>
[php]
//该文件为registerProcess.php,在服务器端
<?php
//接收数据
$username = $_GET["username"];
if($username=="shunping"){
echo "用户名不可用";
}else{
echo "用户名可用";
}
echo "用户名：".$username;//3号线
?>
（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）
相关知识
-
如何对PHP文件进行加密方法 PHP实现加密的几种方式介绍
-
php生成圆角图片的方法 电脑中php怎么生成圆角图片教程
-
用PHP构建一个留言本方法步骤 php怎么实现留言板功能
-
php中三元运算符用法 php中的三元运算符使用说明
-
php文件如何怎么打开方式介绍 php文件用什么打开方法
-
PHP怎么插入数据库方法步骤 php编程怎么导入数据库教程
-
如何安装PHPstorm并配置方法教程 phpstorm安装后要进行哪些配置
-
PHP 获取远程文件大小的3种解决方法 如何用PHP获取远程大文件的大小
-
20个实用PHP实例代码 php接口开发实例代码详细介绍
-
如何架设PHP服务器方法步骤 怎么搭建php服务器简单教程
软件推荐
更多 >
-
1
-
2
php MYSQL数据操作类
-
3
PHP单元测试利器：PHPUNIT初探
-
4
php .htaccess 伪静态
-
5
PHP整合PayPal支付
-
6
PHP与ASP比较：这还值得讨论吗？
-
7
PHP与XML结合的网站编程
-
8
Warning: ftp_put() 问题的解决办法之被动模式
-
9
PHP Socket 编程
-
10
PHP性能优化总结
