学习笔记之php页面ajax登录异步刷新

在做登陆等验证过程中，一直想实现一种用户无感知的效果，看了大神们的解决方法后终于实现了。主要用到了一些ajax知识，还有iframe。

首先，用一段js将登录框用户输入的的值传递到另一个页面（就是真正处理验证的页面）

js代码如下：

<!--ajax判断注册用户是否存在-->

<script type="text/javascript">

$(document).ready(function(){

$(".displayName input:first").blur(function(){

$.ajax({

type:"post",

url:"registerNAME.php",

data:"username=" + $(".displayName input:first").val(),

success:function(msg){

$("#userinfo").html(msg);

}

});

});

});

</script>

说明：1、“.displayName input:first” 是指类选择器为displayName中的第一个input

2、“registerNAME.php” 是用来处理验证的页面

3、“username” 是传递过去的变量名

4、 #userinfo" 是显示提示信息的选择器的ID，用来显示处理验证页面输出的提示信息。

注册处理页面registerNAME.php代码如下：（本页代码只是对用户名进行了验证）

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<?php

@$username = htmlspecialchars( trim($_POST['username']) );

@$username=mb_convert_encoding(@$username,"gbk","utf-8");

if (!empty(@$username))

{

$coon=odbc_connect("Manager","sa","xxxxx");

@$sql="SELECT TOP 1 Name FROM [2_VIPMember] WHERE Name = '".@$username."' ";

//echo $sql;

@$result =@odbc_exec($coon,@$sql);

//var_dump($result);

while(@odbc_fetch_row(@$result))

{

@$row=odbc_result(@$result,"Name");

}

if (empty(@$row[0]))

{

echo "<font color=green style='font-size:16px;'><b>*恭喜,可以注册!</b></font>";

}

else

{

echo "<font color=red style='font-size:16px;'><b>*用户名已被注册!</b></font>";

}

}

else

{

echo "<font color=#ff0000 style='font-size:16px;'><b>*请输入用户名</b></font>";

}

?>

另外，页面用多个iframe实现异步刷新效果的时候，当iframe被隐藏时，会出现提示信息不能显示在用户登陆界面的情况，解决方法是：

<?php echo"<script>parent.document.getElementById('userinfo').innerHTML='恭喜您！注册成功！';</script>";?>