网页定时无闪刷新!

Question

请教大家一个问题
我现在有如下一段代码,如下:
<%@LANGUAGE="VBSCRIPT"%>
<!--#include file="../../Connections/conn2.asp" -->
<%
Dim Recordset1
Dim Recordset1_numRows
 
Set Recordset1 = Server.CreateObject("ADODB.Recordset")
Recordset1.ActiveConnection = MM_conn2_STRING
Recordset1.Source = "SELECT *  FROM srm_record  WHERE 弹出窗口='是' and 品管结果='同意'  ORDER BY 品管接收时间"
Recordset1.CursorType = 0
Recordset1.CursorLocation = 2
Recordset1.LockType = 1
Recordset1.Open()
 
Recordset1_numRows = 0
%>
<%
Dim Recordset2
Dim Recordset2_numRows
 
Set Recordset2 = Server.CreateObject("ADODB.Recordset")
Recordset2.ActiveConnection = MM_conn2_STRING
Recordset2.Source = "SELECT count(*) as 计数  FROM srm_record  WHERE 弹出窗口='是' and 品管结果='同意'  "
Recordset2.CursorType = 0
Recordset2.CursorLocation = 2
Recordset2.LockType = 1
Recordset2.Open()
 
Recordset2_numRows = 0
%>
<SCRIPT language=JavaScript>  
<!--  
  
/**//*  
**    ==================================================================================================  
**    类名：CLASS_MSN_MESSAGE  
**    功能：提供类似MSN消息框  
**    示例：  
    ---------------------------------------------------------------------------------------------------  
  
            var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");  
                MSG.show();  
  
*    消息构造  
*/  
function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){  
    this.id     = id;  
    this.title  = title;  
    this.caption= caption;  
    this.message= message;  
    this.target = target;  
    this.action = action;  
    this.width    = width?width:200;  
    this.height = height?height:120;  
    this.timeout= 150;  
    this.speed    = 20; 
    this.step    = 1; 
    this.right    = screen.width -1;  
    this.bottom = screen.height; 
    this.left    = this.right - this.width; 
    this.top    = this.bottom - this.height; 
    this.timer    = 0; 
    this.pause    = false;
    this.close    = false;
    this.autoHide    = true;
}  
  
/**//*  
*    隐藏消息方法  
*/  
CLASS_MSN_MESSAGE.prototype.hide = function(){  
    if(this.onunload()){  
        var offset  = this.height>this.bottom-this.top?this.height:this.bottom-this.top; 
        var me  = this;  
        if(this.timer>0){   
            window.clearInterval(me.timer);  
        }  
        var fun = function(){  
            if(me.pause==false||me.close){
                var x  = me.left; 
                var y  = 0; 
                var width = me.width; 
                var height = 0; 
                if(me.offset>0){ 
                    height = me.offset; 
                } 
     
                y  = me.bottom - height; 
     
                if(y>=me.bottom){ 
                    window.clearInterval(me.timer);  
                    me.Pop.hide();  
                } else { 
                    me.offset = me.offset - me.step;  
                } 
                me.Pop.show(x,y,width,height);    
            }             
        }  
        this.timer = window.setInterval(fun,this.speed)      
    }  
}  
  
/**//*  
*    消息卸载事件，可以重写  
*/  
CLASS_MSN_MESSAGE.prototype.onunload = function() {  
    return true;  
}  
/**//*  
*    消息命令事件，要实现自己的连接，请重写它  
*  
*/  
CLASS_MSN_MESSAGE.prototype.oncommand = function(){  
    //this.close = true;
    this.hide();  
 window.open("http://www.baidu.com");
   
} 
/**//*  
*    消息显示方法  
*/  
CLASS_MSN_MESSAGE.prototype.show = function(){  
    var oPopup = window.createPopup(); //IE5.5+  
    
    this.Pop = oPopup;  
  
    var w = this.width;  
    var h = this.height;  
  
    var str = "<DIV style='BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: " + w + "px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: " + h + "px; BACKGROUND-COLOR: #c9d3f3'>"  
        str += "<TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#CCFFCC border=0>"  
        str += "<TR>"  
        str += "<TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30 height=24></TD>"  
        str += "<TD style='PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=center width='100%'>" + this.caption + "</TD>"  
        str += "<TD style='PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19>"  
        str += "<SPAN title=关闭 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px' id='btSysClose' >×</SPAN></TD>"  
        str += "</TR>"  
        str += "<TR>"  
        str += "<TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height=" + (h-28) + ">"  
        str += "<DIV style='BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 8px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%'>" + this.title + "<BR><BR>"  
        str += "<DIV style='WORD-BREAK: break-all' align=left><A href='javascript:void(0)' hidefocus=false id='btCommand'><FONT color=#ff0000>" + this.message + "</FONT></A><A href='http://www.sohu.com' hidefocus=false id='ommand'><FONT color=#ff0000></FONT></A></DIV>"  
        str += "</DIV>"  
        str += "</TD>"  
        str += "</TR>"  
        str += "</TABLE>"  
        str += "</DIV>"  
  
    oPopup.document.body.innerHTML = str; 
    
  
    this.offset  = 0; 
    var me  = this;  
    oPopup.document.body.onmouseover = function(){me.pause=true;}
    oPopup.document.body.onmouseout = function(){me.pause=false;}
    var fun = function(){  
        var x  = me.left; 
        var y  = 0; 
        var width    = me.width; 
        var height    = me.height; 
            if(me.offset>me.height){ 
                height = me.height; 
            } else { 
                height = me.offset; 
            } 
        y  = me.bottom - me.offset; 
        if(y<=me.top){ 
            me.timeout--; 
            if(me.timeout==0){ 
                window.clearInterval(me.timer);  
                if(me.autoHide){
                    me.hide(); 
                }
            } 
        } else { 
            me.offset = me.offset + me.step; 
        } 
        me.Pop.show(x,y,width,height);    
    }  
  
    this.timer = window.setInterval(fun,this.speed)      
  
     
  
    var btClose = oPopup.document.getElementById("btSysClose");  
  
    btClose.onclick = function(){  
        me.close = true;
        me.hide();  
    }  
  
    var btCommand = oPopup.document.getElementById("btCommand");  
    btCommand.onclick = function(){  
        me.oncommand();  
    }    
  var ommand = oPopup.document.getElementById("ommand");  
      ommand.onclick = function(){  
       //this.close = true;
    me.hide();  
 window.open(ommand.href);
    }   
}  
/**//* 
** 设置速度方法 
**/ 
CLASS_MSN_MESSAGE.prototype.speed = function(s){ 
    var t = 20; 
    try { 
        t = praseInt(s); 
    } catch(e){} 
    this.speed = t; 
} 
/**//* 
** 设置步长方法 
**/ 
CLASS_MSN_MESSAGE.prototype.step = function(s){ 
    var t = 1; 
    try { 
        t = praseInt(s); 
    } catch(e){} 
    this.step = t; 
} 
  
CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){ 
    try { 
        this.left        = left    !=null?left:this.right-this.width; 
        this.right        = right    !=null?right:this.left +this.width; 
        this.bottom        = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height; 
        this.top        = top    !=null?top:this.bottom - this.height; 
    } catch(e){} 
} 
 
//同时两个有闪烁，只能用层代替了，不过层不跨框架 
//var MSG2 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有2封消息","好的啊");  
//   MSG2.rect(100,null,null,screen.height); 
//    MSG2.show();  
//-->  
</SCRIPT> 
 
 
 <%
dim a
a=(Recordset2.Fields.Item("计数").Value)
if a>0 then
dim objConn,rs
Set objConn = Server.CreateObject("ADODB.Connection")
connStr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=D:\AspWeb\wwwroot\qis\data\qis.mdb"
objConn.Open connstr
 
objConn.execute ("update srm_record set 弹出窗口='否' where id="&(Recordset1.Fields.Item("id").Value))
 
cz=(Recordset1.Fields.Item("id").Value)
content=(Recordset1.Fields.Item("不具合件名").Value)
response.write "<script language='javascript'>"
response.write "var MSG1 = new CLASS_MSN_MESSAGE('123',320,150,'新规SRM通知:','"&cz&"提交了一件新的SRM并得到品管接收!内容如下:','"&content&"');"
response.write "MSG1.rect(null,null,null,screen.height-50);"
response.write "MSG1.speed    = 30;"
response.write " MSG1.step    = 5; "
response.write " MSG1.show(); "
response.write ";</SCRIPT>"
else
end if
%>
<%
Recordset1.Close()
Set Recordset1 = Nothing
%>
<%
Recordset2.Close()
Set Recordset2 = Nothing
%>
现在想实现的效果如何定时无闪的刷新这个网页,请多多帮忙!

Answer 1

ajax或者直接 XMLHttpRequest就可以了，网上很多教程

Answer 2

asp想要做到无闪刷新只能指望ajax了

Answer 3

谢谢
我这个网页的代码是对数据库进行周期为1S的扫描
若存在符合条件的记录就弹出通知
可就是在如何1S中对这个网页进行刷新卡住了
AJAX当然可以实行
可不知道如何办

Answer 4

的确只能用ajax，分别对每个模块的内容进行更新，不过最好不要同步进行，不然对与网速慢的用户来讲和按F5没什么区别

Answer 5

谢谢大家提供了AJAX的相关思路
能否提供代码帮忙啊
我完全没有头绪

Answer 6

ajax就是异步加载啊，你整个网页而不是局部加载的话，反而违背了意愿了，或者你可以尝试其他方式去实现它。就好比在线聊天程序。

Answer 7

<html>
<body>
<div id="div1">
<div id="div2">
</body>
</html>
<script type="text/javascript">
// Create XmlHttpRequest Ojbect
function CreateXmlHttpRequest(){
var xhr = null;
try {
// Firefox, Opera 8.0+, Safari
xhr = new XMLHttpRequest();
} catch (e) {
// Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xhr;
}var url = "web.asp";
function Ajax(){
var xhr = CreateXMLHttpRequest();
if (xhr == null) {
alert("您的浏览器不支持 Ajax!");
return;
}
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var html = unescape(xhr.responseText);
document.getElementById("div2").innerHTML = html;
document.getElementById("div1").innerHTML = "<OK /> 刷新完成!" } else {
//用来调试ASP代码.
var iw = window.open();
iw.document.write(unescape(xhr.responseText));
return ("Server_Exception");
}
} else {
document.getElementById("div1").innerHTML = "<Loading /> 正在刷新...."
}
}
xhr.open("GET", url + "&r=" + Math.random() * 100, true);
xhr.send(null);
}
function(){
if (document.getElementById("div1").value.indexOf("<Loading />") == -1){
Ajax();
}
}
var inl = window.setInterval("init();", 5000);
</script>

Answer 8

写错了一点.忘写函数名了.function init(){
    if (document.getElementById("div1").value.indexOf("<Loading />") == -1){
        Ajax();
    }
}

Answer 9

用这个代码,你必须用ASP输出所有<body>中的代码了. 

Answer 10

不会ajax的话iframe是个替代方案，ajax方式是可以使用iframe替代。使用两个iframe，一个iframe刷新完显示并隐藏另一个iframe。