如何使页面的元素在页面的其余部分刷新/更改时保留

How to make elements of a page stay while the rest of the page is refreshing / changing

本文关键字:刷新 保留 元素 何使页 余部      更新时间:2023-09-26

例如,在Facebook上,如果您正在与朋友聊天并转到其他页面,聊天栏始终停留在屏幕上而不会自行刷新,

所以我想知道如何在转到其他页面时将元素保留在页面上

您正在寻找单页应用程序

有许多

框架可以开发 SPA 风格的 Web 应用程序:

  • 角度 + UI 路由器。
  • Angular + newNgRoute。
  • 奥蕾莉亚。
  • 流星

你应该开始学习一个。SPA可以使用vanilla JavaScript来完成,但它会重新发明轮子(好吧,除非你自己找到一个更好的轮子......)。

可能这两种 Angular 组合都更容易学习,因为开发和使用它们都有庞大的社区。

好吧,因为Facebook实际上并没有改变页面。它通过GET请求获取页面的内容,并在必要的区域中替换当前页面的内容,并更新浏览器的URL栏。如果你想实现这样的事情,请尝试使用客户端框架,如AngularJS或Backbone.js(SPA)。

基本上,这些页面使用异步调用来调用引擎背后的任何代码,无论是java servlet,.net还是php

你必须触发一个Ajax调用,也许使用Jquery,这是文档:

http://api.jquery.com/jquery.ajax/

或者,如果您使用的是.net,则可以使用UpdatePanel。

通过

此调用,您可以从服务器发送/接收数据,而无需离开或刷新页面,然后通过响应,您可以使用任何技术修改当前的HTML元素,例如纯javascript,Jquery,angular或任何其他javascript框架,对于实用的解决方案,您可以向问题添加更多信息,例如您正在使用哪种技术或已经开始的一些代码。