如何使页面的元素在页面的其余部分刷新/更改时保留
How to make elements of a page stay while the rest of the page is refreshing / changing
例如,在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框架,对于实用的解决方案,您可以向问题添加更多信息,例如您正在使用哪种技术或已经开始的一些代码。
相关文章:
- 刷新后保留对网页的更改
- 如何在使用JavaScript或jQuery刷新父页面后保留iframe-src
- 我创建了一个Javascript待办事项列表,但想知道如何在浏览器刷新后保留这些帖子
- 如何在页面刷新后保留动态创建的html元素及其数据/值
- 在页面刷新后保留 JavaScript 变量值
- 刷新页面后保留计数器
- 在3°之后保留SESSION php;页面刷新
- 如果可能的话,刷新后保留iframe url
- ajax刷新后保留select下拉值
- 余烬.当用户刷新网站时,保留下拉菜单中的选择
- 如何在后退/前进或刷新后保留数据表中的筛选器
- 具有可单击区域的网页图像,可将数据发送到服务器脚本,并保留在同一页面上,无需刷新
- 谷歌浏览器控制台保留后页面刷新
- AngularJS:页面刷新时保留登录信息
- 刷新后如何保留在同一选择中
- 如何在页面刷新后保留输入单选按钮的状态
- 如何在页面刷新时保留无线电输入状态
- 如何使页面的元素在页面的其余部分刷新/更改时保留
- 自动HTML页面刷新保留滚动位置,与锚一起工作
- 如何在javascript编辑后使用JQuery Mobile刷新/保留HTML格式