php通过iframe实现局部刷新

最新推荐文章于 2021-04-05 02:12:30 发布

ReadyYes

最新推荐文章于 2021-04-05 02:12:30 发布

阅读量1.9k

点赞数 1

分类专栏： php 文章标签： php

本文链接：https://blog.csdn.net/ReadyYes/article/details/51379650

版权

php 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

reg.html
reg.html页面中有个iframe标签，通过iframe去请求php校验用户名是否可用。

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
 <title> iframe局部刷新</title>

 </head>
 <body>

 <form method="post" action="">
    用户名：<input type="text" id="uname" name='username' /><span id="msg" style="color:red;"></span>
 </form>



 <iframe border='0' width='0' height='0' id='myiframe' ></iframe>

    <script type="text/javascript">
      //当用户名输入框失去焦点时让iframe请求check_reg.php
      document.getElementById('uname').onblur = function(){

          if(this.value != '')
          {
             document.getElementById('myiframe').src = 'check_reg.php?username='+ this.value;
          }

      }


    </script>
 </body>
</html>

check_reg.php

<?php

header("content-type:text/html;charset=utf-8");
$username  = $_GET['username'];

if($username == 'admin')
{
    $msg = '对不起，用户名已被使用！';
}else
{
    $msg = '恭喜！该用户名可以使用。';
}


echo <<<STR
<script>
  window.parent.document.getElementById('msg').innerHTML = "$msg";
</script>
STR;
?>

这里写图片描述

ReadyYes

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
php通过iframe实现局部刷新

reg.html reg.html页面中有个iframe标签，通过iframe去请求php校验用户名是否可用。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title> iframe局部刷新</title> </head> <body> <form method="post" action=""> 用户名：<input
复制链接

扫一扫

专栏目录