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

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

waveclouds

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

阅读量231

点赞数

分类专栏： php

本文链接：https://blog.csdn.net/waveclouds/article/details/77962018

版权

php 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

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.οnblur=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;
   
?>