隐藏域方式的Ajax实现

最新推荐文章于 2020-11-08 14:19:49 发布

wheeler

最新推荐文章于 2020-11-08 14:19:49 发布

阅读量1.7k

点赞数 1

分类专栏： web前端技术文章标签： ajax iframe function button ibm input

本文链接：https://blog.csdn.net/asdf311/article/details/5250875

版权

web前端技术专栏收录该内容

3 篇文章 0 订阅

订阅专栏

xmlHttp形式的Ajax： XmlHttp形式的Ajax IBM技术文档库
以下是利用隐藏iframe实现的ajax:

index.htm

<html>
    <head>
    </head>
    <body>
        <iframe id="testFrame" frameborder="0" style="width:0px; height:0px;">
        </iframe>
        <div id="resultCase">
        </div>
        <input type="button" value="showResult" οnclick="AjaxGo();" />
        </div>
        
        <script type="text/javascript">
            function AjaxGo()
            {
                document.getElementById("testFrame").src = "ajax.htm";
            }

            function ShowResult()
            {
                document.getElementById("resultCase").innerHTML = "hello world !";
            }
        </script>
    </body>
</html>

ajax.htm

<html>
    <head>
    </head>
    <body>
        <script type="text/javascript">
            parent.ShowResult();
        </script>
    </body>
</html>