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。
一、在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。
相关文章推荐
- Web页面无刷新获取远程数据
- WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据(转)
- X5用组件windowRunner打开后 再点数据打开页面获取值不会刷新 的解决办法
- [android]webview访问jsp页面,能否从jsp页面获取数据
- 关于Java Web使用的DataTables插件获取所有数据以及表格刷新
- 获取提交web页面的一列数据
- web页面上 菜单弹出窗口 动态获取 数据
- 在webForm中WebRequest\WebClient\WebBrowser获取远程页面源码的三种方式(downmoon)
- web页面上 菜单弹出窗口 动态获取 数据
- flex的获取远程服务器端返回数据并在页面展示
- WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据(转)
- php获取远程数据,避免页面卡死问…
- react表单提交(实现提交时不刷新页面并一键获取到所有数据)
- 获取远程的字符串(请求一个URL, 返回这个请求页面的页面数据)
- 基于对象的JavaScript实现无刷新页面发送和获取数据Ajax.js
- Ajax简单的页面局部刷新从数据库获取数据
- SqlDependency 与 SignalR 实现Web页面的数据实时刷新
- web页面上 菜单弹出窗口 动态获取 数据
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结