“动态”页面加载?

时间:2012-01-04 18:45:17

标签: dynamic dynamic-data

我不知道我需要什么,但我会以Facebook为例。当您加载另一个页面时(例如:在主页上,您单击您的配置文件)页面本身看起来不像重新加载。
当然,数据加载,URL更改,但顶部栏和聊天酒吧留下来。

我正在寻找类似的事情。这是我假设太多,它真的是一个简单的缓存功能,还是有一种JavaScript方式来做,或任何其他?

感谢。

2 个答案:

答案 0 :(得分:1)

这都是使用AJAX完成的。根据您的需要,您可以加载整个HTML块,或者只是加载数据并使页面的javascript输出所需的内容。

答案 1 :(得分:1)

它使用AJAX,它是各种技术(主要是JavaScript)的组合,可以在页面的整体上下文中实现这种动态的客户端 - 服务器交互。

基本上你的设置就是这样:

  1. 用户请求并返回浏览器的页面。此页面将包含(或引用外部文件等)一些JavaScript代码以驱动交互功能。例如,“链接”可以触发JavaScript函数而不是导航到另一个页面。该函数将对服务器进行AJAX调用。
  2. 服务器上的AJAX处理程序。可以把它想象成另一个页面,或者像某种Web服务。它希望请求来自JavaScript代码,而不是来自人类。 (尽管人们可以根据需要手动调用它,因此不要返回敏感数据或类似的东西。)这可以返回任意数量格式的数据(JSON,XML,HTML等)和客户端JavaScript代码将在代码中使用该响应。
  3. 根据您首选的Web开发技术,有各种框架和工具可以帮助您实现AJAX功能。我个人最喜欢的是在jQuery中使用AJAX方法并手动控制来自服务器的响应。如果您指定了开发平台,我可以帮助您找到一些有用的示例来帮助您入门。