ajax 简单应用---用户名无刷新验证

zhibin07

浏览: 310764 次

最近访客更多访客>>

u012363178

vbkan23

sysysy300

xxydsny1314

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

页面部分代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
  <form action="2.php" method="post">
    <ul>
	   <li>用户名<input type="text" value="" name="uname" id="uname" /><span id="msg">(*)2-16位数字、字母</span></li>
	   <li>密码<input type="password" value="" name="upwd" id="upwd" /></li>
	   <li><input type="submit" value="注册" /></li>
	</ul>
  </form>
<script type="text/javascript">
/*======================================================
*1: 创建XMLHttpRequest 对象;[ajax 引擎]
*2: 准备好发送请求url地址与参数;
*3: 定义处理返回结果的方法
*4  打开
*5: 发送请求
*6: 接收服务器返回结果...
*7: 判断状态  XMLHttpRequest  {接收完成}
*8: 判断状态  http           {数据正确}
*9: 接收返回结果            {xml/text二种方式}
*10: 显示
*///==================================================== 
  
  var http; //全局变量
  //AJAX验证用户名是否存在
window.onload = function(){
   var u = document.getElementById("uname");
   u.onblur = function(){

   //1:创建对象AJAX引擎
   if(window.XMLHttpRequest){
     //FF   IE8  IE9 -->OK
	 http =  new XMLHttpRequest();
   }else{
   //IE 6  --->OK
     http = new ActiveXObject('Microsoft.XMLHTTP');
   }
   //url
   var uname = document.getElementById("uname").value;
   var url = "2.php?uname="+uname;
//alert(url);
   //定义回调方法
   //result 函数名
   //onreadystatechange 指定当readyState属性改变时的事件处理句柄
   http.onreadystatechange = result;
   //打开 GET 传参数get -----------true 异步 false 同步
   http.open("GET",url,true);
   //发送   get 方式发送 就写 null
   http.send(null);
   };
    //回调函数
   function result(){
     //4服务器发送数据结束
	 //200发送正确数据
    if(http.readyState == 4 
	&& http.status === 200){ // status 返回当前请求的http状态码
	}  
     var msg =document.getElementById("msg");
	 msg.innerHTML = http.responseText; //responseText 将响应信息作为字符串返回
   }
};
</script>
</body>
</html>

程序数据库操作部分代码

<?php
  function isExist($name){
   $link = mysql_connect("localhost","root","");
   mysql_select_db("zhibin");
   mysql_query("set names utf8");
   $sql = "select count(id) from t_user where name = '{$name}'";
   $result = mysql_query($sql)or die(mysql_error());
   
   if($row = mysql_fetch_array($result)){
      if($row['0'] > 0){
	    return 1;
	  }else{
	    return 0;
	  }
   }
   return 0;
  }

if(!empty($_GET['uname'])){  //??为什么是get不是post---->>前一个页面43行 url用的是GET方式
  $rs = intval(isExist($_GET['uname']));
  if($rs == 1){
   echo "用户己存在";
  }else{
   echo "欢迎使用"; 
  }
}
//  var_dump(isExist('当当1'));

分享到：

ajax技术及原理分析--转自网络 | cookie 记录用户方位次数 //// 判断客户 ...

2012-05-24 17:16
浏览 877
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ajax 简单应用---用户名无刷新验证

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ajax 简单应用---用户名无刷新验证

评论

发表评论

相关推荐

js生成玫瑰花 源代码

水果忍者JS版

php可编辑表格

jq实现果冻抖动效果

分享设置

GooleEye

ie6 form.submit()不能正常提交

实现 鼠标移上去出现多菜单

jquery 轮播

<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候

网站统计中的数据收集原理及实现

网站统计中的数据收集原理及实现

jquery控制css的display(控制元素的显示与隐藏)

图片submit reset

jQuery选择器大全

Javascript+PHP实现在线拍照功能

50个jquery试用代码段++25个实用的jQuery技巧和解决方案

JS 对cookie 的一些操作

js字数限制 删除多余的字符

js 数字逗号分节~

最近访客更多访客>>

js生成玫瑰花源代码

实现鼠标移上去出现多菜单

js字数限制删除多余的字符