MVC框架中 ajax实现无刷新用户名验证

最新推荐文章于 2020-11-24 14:53:41 发布

xxmzhumeng

最新推荐文章于 2020-11-24 14:53:41 发布

阅读量2.2k

点赞数 1

分类专栏：个人总结

本文链接：https://blog.csdn.net/xxmzumeng/article/details/8670320

版权

个人总结专栏收录该内容

64 篇文章 0 订阅

订阅专栏

模板代码

<html>
<head>
<script type="text/javascript">
function ajaxDate(){

var xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Msxm12.XMLHTTP");
var username =document.getElementById('username').value;
var url="index.php?c=user&a=ajax&time="+Math.random()+"&username="+username;
xhr.open("GET",url,true);//打开地址栏
//get 方式传递必须注意传递随机数避免有缓存。中文编码encodeURL() 解码URLencode()
xhr.send();//
xhr.onreadystatechange =callback;
  function callback(){
   //alert(xhr.readyState);
   if(xhr.readyState == 4){
    if(xhr.status == 200){//请求发送成功
     if(xhr.responseText == '1'){//获得服务器响应的数据
      alert('用户名存在');
     }
     else{
      alert('用户名申请成功');
     }
    }
   }
   }
}
</script>
</head>
<body>
<table>
<caption>用户注册表</caption>
<tr>
<td>用户名：</td>
<td><input type="text" id="username" οnblur="ajaxDate()"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" id="password"></td>
</tr>
<tr>
<td>emil</td>
<td><input type="text" id="username"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" id="submit"></td>
</tr>
</table>
</body>
</html>

控制器代码

//命令视图层显示模板
//验证用户名
public function regAction(){
  $user_model=new userModel('localhost','root','','yanhua');
  $this->smarty->display('user.tpl');
}
//命令模型层查询注册的用户名是否存在
public function ajaxAction(){
  //这个动作判断用户名是否重复
  $user_model=new userModel('localhost','root','','yanhua');
  $row =$user_model->user();
  if($row){
   echo '1';
  }
  else{
   echo '0';
  }
}

xxmzhumeng

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
MVC框架中 ajax实现无刷新用户名验证

模板代码 function ajaxDate(){ var xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Msxm12.XMLHTTP"); var username =document.getElementById('username').value; var url="i
复制链接

扫一扫

专栏目录