页面无刷新 iframe 实现

最新推荐文章于 2018-08-29 17:02:08 发布

shrimpma

最新推荐文章于 2018-08-29 17:02:08 发布

阅读量485

点赞数

分类专栏： javascript+jsFrame 文章标签： iframe input action function php ajax

本文链接：https://blog.csdn.net/shrimpma/article/details/5785782

版权

javascript+jsFrame 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

页面无刷新与服务端交互：

1 ajax+php

2 iframe +php 实现

第二种的实现方法：

test.html文件

                  <html>
<head>

<script>
    function show(msg){

       // document.getElementById("content").innerHTML=msg;

         document.getElementById("content").innerHTML=msg;

    }
</script>
</head>
<body>
    <div id="content" style="width:200px;height:200px;border:1px solid #fafafa"></div>
      <form action="test.php" method="get" target="postdata">
         <input type="text" name="uname" size="30" maxlength="5" >
        <input type="submit" value="say Hello"　/>

    </form>
</body>
<iframe width="50" height="80" name="postdata"></iframe>
</html>

test.php　服务器端脚本文件：

             <?php

   $uname =$_GET['uname'];

                    echo "<script>window.parent.show('".$uname."');</script>";

              ?>

shrimpma

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面无刷新 iframe 实现

<br />页面无刷新与服务端交互：<br /> <br /> 1 ajax+php<br /> <br /> <br /> 2 iframe +php 实现 <br /> <br /> 第二种的实现方法：<br /> <br /> test.html文件<br /> <html><br /><head><br /><br /><script><br /> function show(msg){<br /> <br />
复制链接

扫一扫

专栏目录