用户登录检测ajax技术

浏览:1863 发布日期:2015/05/30 分类:技术分享
[code][/code] <p>
请输入用户名:<input type="text" id="name" />
<span id="result"></span>
</p>
<script type="text/javascript">
document.getElementById("name").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.readyState<4){ // 正在交互
span.style.color="blue";
span.innerHTML="正在检测...";
}
if (xmlhttp.readyState==4 && xmlhttp.status==200){ // 请求成功
if(parseInt(xmlhttp.responseText)){ // 将服务器返回的数据转换为整数
span.style.color="green";
span.innerHTML="用户正确";
}else{
span.style.color="red";
span.innerHTML="抱歉,您填写的用户名不存在!";
}
}
}
xmlhttp.open("POST","__CONTROLLER__/goods",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("username="+thisNode.value);
}
</script>




<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {

public function index(){
$this->display();
}
//接收ajax发送的数据
public function goods(){

// 为简单起见,这里不再查询数据库,使用 3 个用户名作为示例
$where['aName']=$_POST['username'];
$result= M('user')->where($where)->select();
if( $result){
echo 1;

}else{
echo 0;
}
}


}

最佳答案
评论( 相关
后面还有条评论,点击查看>>