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

时间:2010-12-31 12:00:11

标签: javascript partial-page-refresh

您好我正在寻找一个教程,了解我如何创建一个页面,当页面网址更改时,该页面不会刷新。

实施例。当我从网址移动到另一个网址时,Facebook聊天不会刷新。

由于

3 个答案:

答案 0 :(得分: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/

答案 1 :(得分:0)

听起来你想要使用AJAX(javascript XMLHttpRequest函数)。这里有一篇很棒的文章以及一些基本的例子:Here

答案 2 :(得分:0)

它叫做AJAX,如果你使用jQuery,这是一个很好的教程:

http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/

如果你不使用jQuery我想发布另一个例子,但我需要更多的点来发布多个链接,抱歉...