Question

我有一个网站，这是一个普通的网站，如stackoverflow等。现在，我需要添加一个底部条带，它将包含聊天等。我需要这个底部条带不要刷新！那么我该怎么做呢，这个底部条带将作为一个独立的Web应用程序（webapp中的webapp？）？我知道ajax请求，但是当我有这样的事情时：

<html>
 <head></head>
 <body>
    //somecode
    <div id="hereIsMyBottomStrip"></div>
 </body>
</html>

我将调用ajax请求，然后它将删除页面上的所有代码。如果我调用ajax只更改位于我的底部条带之上的body部分，那么它将在该部分中粘贴整个新页面，而这将无法编译。我怎样才能解决我的问题？

Answer 1

您的结构将需要一个额外的容器：

<html>
 <head></head>
 <body>
    <div id="theRestOfThePage">
      //somecode
    </div>
    <div id="hereIsMyBottomStrip"></div>
 </body>
</html>

然后您获取内容并仅替换“theRestOfThePage”。

Answer 2

在您的ajax代码中，您将要更新页面另一部分的内容，而不是整个主体。这是一个可能的html结构的示例，您将使用ajax更新stuffToUpdate div：

<html>
 <head></head>
 <body>
    <div id="stuffToUpdate>
        //somecode
    </div>
    <div id="hereIsMyBottomStrip"></div>
 </body>
</html>