javascript - 一个浏览器窗口中的两个 Web 应用程序 - 一个不需要刷新，而第二个是

Question

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

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

我会调用 ajax 请求，然后无论如何它都会删除页面上的所有代码。如果我只调用 ajax 来更改body底部条上方的部分，那么它将在该部分粘贴整个新页面，并且不会编译。我该如何解决我的问题？

score 4 · Accepted Answer

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

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

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

score 1 · Accepted Answer

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

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

2 回答 2