无刷新显示即时更新数据两例

    技术2022-05-19  21

    无刷新数据的实现无外乎用javascript或xmlhttp或iframe来实现。在网上找到一代码不是不能用就是效率太低,有的甚至使我的CPU达到100%,我根据网上的代码及查阅了一些资料,提供以下两例无刷新数据的例子,保证完全无错!

    例一:example1.htm-------------------------------------<html><head><title>无刷新演示——网络大本营 http://www.QQView.com</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>无刷新演示——网络大本营 http://www.QQView.com</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 οnlοad="javascript:GetData();"><span id="loadcontent">数据载入中……</span></BODY></HTML>-------------------------数据调用程序:example2.asp---------------------------<%=now%>---------------------------

      以上<%=now%>只是作为简单例子,可千万别误作这只是一个显示时间的程序哦,像在即时比分或者其它需要即时更新的数据中都可以用此二例,只是把<%=now%>换成其它的程序,当然你也可以用php程序或jsp程序等来实现数据的调用。  我个人觉得以上二例是最简洁、值得推荐的,若你有更好的办法欢迎与我交流!

    <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>无刷新演示——网络大本营 http://www.QQView.com</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 οnlοad="javascript:GetData();"><span id="loadcontent">数据载入中……</span></BODY></HTML>-------------------------数据调用程序:example2.asp---------------------------<%=now%>---------------------------

      以上<%=now%>只是作为简单例子,可千万别误作这只是一个显示时间的程序哦,像在即时比分或者其它需要即时更新的数据中都可以用此二例,只是把<%=now%>换成其它的程序,当然你也可以用php程序或jsp程序等来实现数据的调用。


    最新回复(0)