刷新技術經歷了大致幾個階段:
一、在HTML文件頭裡增加一個鍵,使該頁面在設定的時間後跳到指定的頁面(包括自身);
例如:
<meta http-equiv="refresh " content="30">
二、使用框架然後在JS腳本裡定時刷新框架內容。
上面兩種方式都會重新載入頁面,也就是刷新,給人的感覺不是很好!於是無刷新技術出現了。
三、是對第二種方式的一種變通。
即將眾多框架中的一個長寬設定為0,使其不可見,然後透過腳本定時刷新該隱藏框架內容,再將該框架內容「寫」到可瀏覽的框架裡。早期的聊天室大多使用了這種技巧。
真正意義上實現無刷新技術的還是以下兩種技術,它們甚至可以實現局部刷新:
四、xmlHttp技術,可以透過xmlHttp存取asp頁面、aspx頁面、WebService等。
<script language="javascript">
function re()
{
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。