页面无刷新 iframe 实现

最新推荐文章于 2019-02-12 18:28:34 发布

原创最新推荐文章于 2019-02-12 18:28:34 发布 · 531 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #input #action #function #php #ajax

javascript+jsFrame 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种通过iframe结合PHP实现页面局部更新的方法，避免了整个页面的重新加载，提升了用户体验。具体步骤包括使用HTML表单提交数据到服务器端脚本，服务器处理请求并返回JavaScript代码，最终调用父窗口的函数更新指定DOM元素的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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>