如何使用IFRAME来实现类似Ajax的技术----远程脚本

这里向你展示如何使用IFRAME来实现类似Ajax的技术。这非常简单,而且过去我们就用过这种方法(在XMLHttpRequest问世之前)。这个示例并没有真正调用服务器,只是想让你对如何使用IFRAME实现远程脚本有所认识。
这个示例包括两个文件: iframe.html(见代码清单2-2)和 server.html(见代码清单2-3)。 server.html模拟了本应从服务器返回的响应。
代码清单2-2   iframe.html文件
<html>
   <head>
     <title>Example of remote scripting in an IFRAME</title>
   </head>
   <script type="text/javascript">
     function handleResponse() {
       alert('this function is called from server.html');
     }
   </script>
   <body>
   <h1>Remote Scripting with an IFRAME</h1>
 
   <iframe id="beforexhr"
   name="beforexhr"
   style="width:0px; height:0px; border: 0px"
   src="blank.html"></iframe>
 
   <a href="server.html" target="beforexhr">call the server</a>
 
   </body>
</html>
代码清单2-3   server.html文件
<html>
   <head>
     <title>the server</title>
   </head>
   <script type="text/javascript">
     window.parent.handleResponse();
   </script>
   <body>
   </body>
</html>
图2-2显示了最初的页面。运行这个代码生成的结果如图2-3所示。
图2-2  最初的页面
图2-3  调用“服务器”之后的页面
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值