您的位置：首页 > 其它

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

2007-11-16 10:16 746 查看

这里向你展示如何使用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　调用“服务器”之后的页面

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航