iframe的应用实现无刷新用户注册

最新推荐文章于 2022-10-20 09:56:53 发布

原创最新推荐文章于 2022-10-20 09:56:53 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

php 专栏收录该内容

24 篇文章

订阅专栏

本文提供了一个使用PHP进行用户名称验证的示例代码。通过HTML表单输入用户名，利用iframe和JavaScript实现即时反馈，告知用户该名称是否已被注册。演示了如何在前端与后端之间传递数据，并展示简单的数据库查询结果。

1.php代码如下：

<!DOCTYPE html>
<html>
<head>
	<title>测试iframe</title>
</head>
<body>
<form>
	<h2>注册用户</h2>
	用户名：<input type="text" name="user" id="user">
	<span id="msg"></span><br>
	密码：<input type="password" name="password">
</form>
<iframe src="" frameborder="0" width="0" height="0" id="ifr"></iframe>
</body>
<script type="text/javascript">
	var user=document.getElementById('user');
	var ifr=document.getElementById('ifr');
	//注册失去焦点事件
	user.onblur=function(){
		//向iframe发送请求
		ifr.src="2.php?username="+this.value;
	}
</script>
</html>

2.php代码如下：

<?php
	$username='';
	$username=$_GET['username'];
	$msg="";

	//连接数据库(此处省略)
	if($username=="admin"){
		$msg="对不起该用户名已经被注册";
	}else{
		$msg="恭喜，该用户名可用";
	}
echo <<<STR
<script type="text/javascript">
window.parent.document.getElementById('msg').innerHTML="$msg";
</script>
STR;
   
?>