AJax技术

用户登录检测ajax技术

字号+ 作者:H5之家 来源:H5之家 2017-03-24 15:04 我要评论( )

thinkphp讨论区给大家提供一个技术圈交流的平台,您可以在这求助各种技术难题,发布关于thinkphp的招聘,吐槽闲聊心情,分享IT生活的各种欢乐与小烦恼,快来加入

[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;
}
}


}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 关于表单提交和表单验证ajax-post

    关于表单提交和表单验证ajax-post

    2015-11-11 12:35

网友点评