更新：

這是整個DOM在執行搜索。沒有元刷新，沒有腳本。

<html> 
    <head> 
     <title>Bugzilla is pondering your search</title> 
    </head> 
    <body> 
     <div style="margin-top: 15%; text-align: center;"> 
      <center> 
       <img width="160" height="87" alt="" 
        src="extensions/BMO/web/images/mozchomp.gif"> 
      </center> 
      <h1>Please wait while your bugs are retrieved.</h1> 
     </div> 
    </body> 
</html>

過了一會兒，結果頁面出現。之前的HTML消失了，並且出現了一個全新的DOM，包括一個新的標題「Bug List」。

所以我的問題是：這是如何工作的？請不要列出替代技術 - 我根本沒有興趣加載屏幕，但想要使用完全不同的確切機制。

來源

2011-08-30 Jens Bannmann

你應該看看這個：http://stackoverflow.com/questions/244183/how-to-display-a-loading-screen-while-site-content-loads –

OP實際上是要求一個非js解決方案 –

我編輯了標題以使這一事實更加明顯。 –

如果你看你看你的頁面的烴源實際獲得每兩個響應與它自己的頭

WARNING: YOUR BROWSER DOESN'T SUPPORT THIS SERVER-PUSH TECHNOLOGY. 
--------- =_y97AELt1tHMqcK8D 
Content-Type: text/html; charset=UTF-8 

<html> 
    <head> 
    <title>Bugzilla is pondering your search</title> 
    </head> 
    <body> 
    <div style="margin-top: 15%; text-align: center;"> 
     <center><img src="extensions/BMO/web/images/mozchomp.gif" alt="" 
     width="160" height="87"></center> 
     <h1>Please wait while your bugs are retrieved.</h1> 
    </div> 


    </body> 
</html> 

--------- =_y97AELt1tHMqcK8D 
Content-Type: text/html; charset=UTF-8 
content-disposition: inline; filename="bugs-2011-08-30.html" 
Set-Cookie: {data} 
Set-Cookie: {data} 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
         "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
    <title>Bug List</title> 
{the rest of the request}

我不是太肯定，除了Mozilla瀏覽器這樣做的瀏覽器支持...

來源

2011-08-30 12:35:42

看起來像'multipart/x-mixed-replace'，請參閱http://en.wikipedia.org/wiki/Push_technology#HTTP_server_push。該文章提到它「是由Netscape於1995年推出的」，「今天仍受Firefox，Opera和Safari支持，但被Internet Explorer忽略」。 –

使用meta refresh tag每N秒鐘重新載入頁面。

只要收集搜索結果，就返回「請稍等頁面」（帶有元標記）。

當結果準備就緒時，返回結果頁面（，不帶元標記）。

你應該能夠看到，當你打開Firebug（或類似）所發生的事情，並打開網絡選項卡。

來源

2011-08-30 12:32:43

頁面上沒有元刷新標籤。 –

如何清除已發送到瀏覽器的HTML內容，而不使用JavaScript？

更新：

回答

相關問題