(无刷新技术的实现方式总览.docxVIP

无刷新技术的实现方式总览浏览次数： 次 字体：[增加 减小] 类型：转载 因最近做网站需要用到无刷新数据，所以在网上查了一些资料，无刷新数据的实现无外乎用javascript或xmlhttp或iframe来实现。在网上找到一代码不是不能用就是效率太低，有的甚至使我的CPU达到100%，我根据网上的代码及查阅了一些资料，提供以下两例无刷新数据的例子，保证完全无错！ 例一： example1.htm html head title无刷新/title script language=JavaScript type=text/javascript function GetData(url) { url=example1.asp;//调用页面 try { DataLoad.src = url; } catch(e) { return false; } { var timeoutid = setTimeout(GetData(),1000) } } /script script id=DataLoad language=JavaScript type=text/javascript defer/script body onLoad=javascript:GetData(); span id=loadcontent数据载入中……/span /body 数据调用程序：example1.asp loadcontent.innerHTML=%=now()% 例二： example2.htm HTML head title无刷新/title script language=javascript function GetData() { url=example2.asp;//调用页面 var http = new ActiveXObject(Microsoft.XMLHTTP); http.open(GET,url,false); http.send(); var str = http.responseText; loadcontent.innerHTML=str; setTimeout(GetData(),1000); } /script /head BODY onload=javascript:GetData(); span id=loadcontent数据载入中……/span /BODY /HTML 数据调用程序:example2.asp %=now% 　以上%=now%只是作为简单例子，可千万别误作这只是一个显示时间的程序哦，像在即时比分或者其它需要即时更新的数据中都可以用此二例，只是把%=now%换成其它的程序，当然你也可以用php程序或jsp程序等来实现数据的调用。12:19 | 发送消息 | 固定链接 | 引用通告 (0) | 写入博客 | webservice网页刷新技术一、在HTML文件头里增加一个键,使该页面在设定的时间后跳转到指定的页面(包括自身);例如:meta http-equiv=refresh content=30二、使用框架（frame或iframe）然后在JS脚本里定时刷新框架内容。上面两种方式都会重新加载页面，即刷新，给人的感觉不是很好，页面有明显的闪动。于是无刷新技术出现了。三、是对第二种方式的一种变通。即将众多框架中的一个长宽设置为0，使其不可见，然后通过脚本定时刷新该隐藏框架内容，再将该框架内容“写”到可浏览的框架里。早期的聊天室大多使用了这种技术。真正意义上实现无刷新技术的还是以下两种技术，它们甚至可以实现局部刷新：四、xmlHttp技术，可以通过xmlHttp访问asp页面、aspx页面、WebService等。script language=javascriptfunction re(){var http = new ActiveXObject(Microsoft.XMLHTTP);http.open(GET,../Advertisement/3.htm,false);http.send();var str = http.responseText;t.innerHTML=str;}/scriptspan 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;}其他的无刷新实现方法还有:六、Re