javascript - 更改页面而不刷新页面中的 div

Question

您好，我正在寻找一个教程，以了解如何使用页面 url 更改时不刷新的 div 创建页面。

例。当我从一个 URL 移动到另一个 URL 时，Facebook 聊天没有刷新。

谢谢

Answer 1

肯定会使用 AJAX，尽管它可能看起来不像，因为实际 URL 正在改变。大多数 AJAX 应用只是更改 URL 的散列部分 (somesite.com/page/#feature1)。

我不知道 Facebook 在做什么，因为我没有研究过这个应用程序，但我猜他们正在使用 HTML5 history.pushState() 来更改 URL，这样如果您将其加入书签或重新加载，它将转到同一个地方。我看到@Felix 已经在评论中提到了这一点。

查看此处以获得更多帮助:

Is there a way to change the browser's address bar without refreshing the page?

关于使用 AJAX 的资源有很多。我个人使用 jQuery 并发现它使这一切变得非常容易。这是一个可能有帮助的教程:

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/