您的位置:首页 > Web前端 > JavaScript

Web页面无刷新获取远程数据

2004-09-24 11:58 253 查看
刷新技术经历了大致几个阶段:

一、在HTML文件头里增加一个键,使该页面在设定的时间后跳转到指定的页面(包括自身);

例如:

<meta http-equiv="refresh" content="30;url=default.aspx">

二、使用框架然后在JS脚本里定时刷新框架内容。

<script language="javascript">
window.onload=begin;
function begin()
{
 var timeseed = setTimeout("window.location.reload()",3000);
}
</script>

三、是对第二种方式的一种变通。

即将众多框架中的一个长宽设置为0,使其不可见,然后通过脚本定时刷新该隐藏框架内容,再将该框架内容“写”到可浏览的框架里。早期的聊天室大多使用了这种技术。

真正意义上实现无刷新技术的还是以下两种技术,它们甚至可以实现局部刷新:

四、xmlHttp技术,可以通过xmlHttp访问asp页面、aspx页面、WebService等。

<script language="javascript">
function read()
{
var http = new ActiveXObject("Microsoft.XMLHTTP");
http.open("GET","../Advertisement/3.htm",false);
http.send();
var str = http.responseText;
t.innerHTML=str;
}
</script>
<span id=t></span>

五、WebService,使用WebService.htc组件访问Web服务。

var OBJ;
function init(obj,op,id)
{
 OBJ=obj;
 OBJ.useService("admin/DataOperation.asmx?WSDL","getBody");
 OBJ.getBody.callService(show,op,id);
}

function show(result)
{
 OBJ.innerHTML=result.value;
}

六、Remoting,使用Remoting也可以实现无刷新技术。因为Remoting组件可以提供包括Http在内的多种访问方式,当作为Http访问时相当于一个WebService。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐