Dynamic ';动态';页面加载?

Dynamic ';动态';页面加载?,dynamic,dynamic-data,Dynamic,Dynamic Data,我不知道我到底需要什么,但我会以Facebook为例。当您加载另一个页面时(例如:在主页上,单击您的个人资料),页面本身看起来不会重新加载。当然,数据会加载,URL也会更改,但是顶部栏和聊天栏会保持不变 我想做类似的事情。这是我假设的太多了,它实际上是一个简单的缓存函数,还是有一种JavaScript方法来实现它,或者其他方法 谢谢。这些都是使用AJAX完成的。根据需要,您可以加载整个HTML块,或者只加载数据并让页面的javascript输出所需内容。它使用的是多种技术(主要是javascri

我不知道我到底需要什么,但我会以Facebook为例。当您加载另一个页面时(例如:在主页上,单击您的个人资料),页面本身看起来不会重新加载。
当然,数据会加载,URL也会更改,但是顶部栏和聊天栏会保持不变

我想做类似的事情。这是我假设的太多了,它实际上是一个简单的缓存函数,还是有一种JavaScript方法来实现它,或者其他方法


谢谢。

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

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

基本上,您的设置是这样的:

  • 用户请求并返回到浏览器的页面。此页面将包含(或在外部文件中引用等)一些JavaScript代码来驱动交互功能。例如,“链接”可能会触发JavaScript函数,而不是导航到另一个页面。该函数将对服务器进行AJAX调用
  • 服务器上的AJAX处理程序。把它想象成另一个页面,或者像某种web服务。它期望请求来自JavaScript代码,而不是来自人类。(尽管人们可以根据需要手动调用它,所以不要返回敏感数据或类似的内容。)这可以返回任意格式(JSON、XML、HTML等)的数据,客户端JavaScript代码将在代码中使用该响应

  • 根据您喜欢的web开发技术,有各种框架和工具可以帮助您实现AJAX功能。我个人最喜欢的就是在jQuery中使用AJAX方法并手动控制来自服务器的响应。如果您指定了自己的开发平台,我可以帮助您找到一些有用的示例,帮助您入门。

    感谢您的及时回复!:)我已经在一些方面使用了XMLHTTPRequest来处理PHP/MySQL查询。我想我可以实现这个?但唯一的问题是地址栏中的URL发生了变化。JavaScript能改变这一点吗?谢谢:)@RichardHedges:我相信JavaScript可以改变URL(虽然我不知道它有多普遍),但要小心。这可能会导致浏览器中的历史导航出现问题(这是一个臭名昭著的AJAX重界面的问题概念)。感谢所有信息和帮助!:)现在我知道从哪里开始了,我想我能做到。再次感谢