开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在html中刷新页面后，Likes值不会保存

在HTML中刷新页面后，Likes值不会保存是因为HTML是一种静态的标记语言，它只负责页面的展示和结构，并不具备保存数据的能力。当刷新页面时，浏览器会重新加载页面并丢失之前的状态。

为了实现在刷新页面后保存Likes值，可以借助后端开发和数据库的支持。具体的实现方式可以分为以下几步：

在前端页面中，需要通过JavaScript监听Likes的变化，并将其发送到后端进行保存。可以使用Ajax或Fetch等技术将Likes的值发送到后端的API接口。
在后端，需要有一个API接口来接收前端发送的Likes值，并将其保存到数据库中。后端可以使用任意一种后端开发语言（如Node.js、Python、Java等）来实现API接口，并使用数据库来存储Likes值。
在数据库中，可以创建一个表来存储Likes的值。表的结构可以包括一个唯一的标识符（如ID）、Likes的值和创建时间等字段。
当前端发送Likes值到后端API接口后，后端将其保存到数据库中。可以使用SQL语句或ORM框架来执行数据库操作。
当页面刷新时，可以在后端的API接口中获取数据库中保存的Likes值，并返回给前端。前端可以在页面加载完成后，通过JavaScript将返回的Likes值更新到页面上。

通过以上步骤，就可以在HTML中刷新页面后保存Likes值。在这个过程中，可以根据具体需求选择适合的后端开发语言和数据库，并结合相应的技术栈来完成实现。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供虚拟云服务器实例，可满足不同规模和性能需求。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库 MySQL版：提供可扩展的高性能MySQL数据库服务，支持数据备份、容灾和恢复等功能。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云云函数（SCF）：可支持多种语言的事件驱动无服务器计算服务，可用于处理前端页面中的业务逻辑。详情请参考：https://cloud.tencent.com/product/scf

相关搜索:componentdidmount不会清空输入字段，但只有在页面刷新后才会将其删除 HTML -图像未加载/在刷新页面后不显示 jQuery输入值在html呈现后不会立即更改 JSON本地存储在页面刷新后未保存 Python Selenium Webdriver在更改AJAX页面中的下拉值后不会刷新html 在Angular中刷新后，l如何保存数据在django中添加页面后不会自动生成插件在MediaWiki的模板中进行编辑后，MediaWiki不会刷新页面内容在React中选择下拉值后，页面将刷新在火狐中刷新页面后，Primefaces selectOneMenu更改了值

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

vue-router 路由模式有几种？

在 URL 中使用带有 # 符号的哈希值来管理路由。例如：http://xxxx.com/#/path。在 Hash 模式下，当 URL 的哈希值发生变化时，浏览器不会向服务器发送请求，而是通过监听 hashchange 事件来进行路由导航。

04

Html5之离线Web应用程序

Html5一大新特性、同时也是非常吸引人的特性，就是其离线功能。它让Web从online延伸到了offline领域。

00

从Vue-router到html5的pushState

首先，我们知道vue实现的单页应用中一般不会去刷新页面，因为刷新之后页面中的vuex数据就不见了。其次，我们也知道一般情况下，url变更的时候，比如指定location.href、history.push、replace等，页面就会刷新。

05

接口测试平台代码实现10：菜单页面升级

在介绍项目列表之前，先让我们热热身，做一个各个页面都会出现的右上角返回主页按钮，这里会学习到一些css属性和js的使用。在之前的章节中，我们规定home.html 作为我们的主页。那么我们给其他人分享的平台地址应该是：你的ip:8000/home/

03

接口测试平台代码实现22:项目列表前后端开发

上节课我们已经创建好了俩个项目作为demo，所以接下来就是我们要打造一个项目列表的前端页面

01

js刷新页面

如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替

05

接口测试平台代码实现40:修改bug

我们的这个系列已经进行了长达12章成品预览和40章纯开发章节，但是基本还没做过完全一点的测试修复bug章节，每次新开发的功能也仅仅停留在单元/函数层面上的自测。

03

【实测】django测试平台必看：各种请求方式的利弊和适用场景

【后遗症】：浏览器地址栏会变成这个url，如果刷新会重新进行请求此url，重新加载这个页面。

02

接口测试平台代码实现93:用例库name更改

就是用例的名字，没法进行更改。新建的用例也只会变成空名字，没法更改很难受，这个问题困扰很多同学一段日子了。今天我们来快速实现这个功能。

03

js实现页面刷新

reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

04

jsp实现局部刷新页面、异步加载页面的方法

3.将id为courseList的dom标签重新赋值为需要的页面，就能达到局部刷新的目的

01

WordPress获取评论用户的IP属地

获取评论用户IP属地依赖wordpress保存的ip地址，然后利用接口获取该用户所在地区！非常简单，看看效果图！

03

javascript页面刷新的几种方法[通俗易懂]

window.location.reload()，window.history.go(0)和document.execCommand(”Refresh”)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javascript刷新页面的几种方法： 1 history.go(0) 除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据不刷新 2 location.reload() 要重新连服务器以读得新的页面(虽然页面是一样的) 刷新 3 location=location 要在javascript中导航，不是调用window对象的某个方法，而是设置它的location.href属性，location属性是每个浏览器都支持的。比如： top 执行后有后退、前进 4 location.assign(location) 加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。 5 document.execCommand(‘Refresh’) 6 window.navigate(location) MSDN说的window.navigate(sURL)方法是针对IE的，不适用于FF，在HTML DOM Window Object中，根本没有列出window.navigate方法。 7 location.replace(location) 执行后无后退、前进通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的 8 document.URL=location.href

01

接口测试平台代码实现39:接口数据全部保存

我们之前的章节已经解决了各种接口的数据的提取问题，本节的任务就是把这些传给后端，然后保存成功。

03

一文带你真正了解histroy

序言前端路由一直都是我们单页面模式开发的重要组成部分，平时开发中会遇到路由的两种模式hash和history,只知道history模式下刷新页面会 404，显示在页面上没有hash的#那么丑陋，那

02

html5不用reload重置网页,refresh和reload「建议收藏」

location.refresh 和location.reload的区别在什么location.refresh：刷新页面 location.reload：重载页面

02

接口测试平台代码实现96:全局域名-3

全局域名这里我们目前已经搞定了域名管理部分。也就是当用户请求的时候我们偷偷存了份 host，并且去重。

04

js刷新当前页面方法

在写JS代码时，用到JS来刷新当前页面的方法有几种，比如最常用的reload()，location 等

02

JS刷新当前页面的方法总结

该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)

03

元素可视区 client 系列

client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

03

接口测试平台代码实现127: 全局变量-6

猜测这个图是根据字符串长度判断的，不过我们在viwes.py中修改一下，只保留整数位即可：

03

Vuex页面刷新的数据丢失问题

Vuex用起来确实很舒服，但是今天碰到了个问题，就是我将JWT和一些权限字符串使用store保存的时候，刷新页面之后这些值就没了，由于我后端集成了SpringSecurity,所以每次请求我都会去验证JWT,如果刷新页面的话，后续请求头中就没有token,就会导致报错。

03

刷新/关闭页面之前发送请求

本文中提到的链接，因为微信的限制，没有显示出来，查看文中链接，需要点击最下方的阅读原文链接

04

Webpack 如何配置热更新

是指 Hot Module Replacement，缩写为 HMR。对于你需要更新的模块，进行一个"热"替换，所谓的热替换是指在不需要刷新页面的情况下，对某个改动进行无缝更新。如果你没有配置 HMR，那么你每次改动，都需要刷新页面，才能看到改动之后的结果，对于调试来说，非常麻烦，而且效率不高，最关键的是，你在界面上修改的数据，随着刷新页面会丢失，而如果有类似 Webpack 热更新的机制存在，那么，则是修改了代码，不会导致刷新，而是保留现有的数据状态，只将模块进行更新替换。也就是说，既保留了现有的数据状态，又能看到代码修改后的变化。

00

Vue-cli中的跳转

注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。

01

Vite 是如何记录项目中所有模块的依赖关系的？

Vite 在运行过程中，会记录每个模块间的依赖关系，所有的依赖关系，最终会汇总成一个模块依赖图。利用这个模块依赖图，Vite 能够准确地进行热更新。

04

Ant Design Pro 部署到 aliyun oss 遇到的一个小问题

以往我们都是买一台服务器托管，然后把前端页面和后端服务放在同一台机器上，把域名解析到这台服务器，通过nginx绑定域名，并指向到前端页面所在目录，前端页面请求接口，就配置nginx代理转发，比如匹配到 '/xxxx',就转发到后台服务上。

04

vue关于页面刷新的几个方式[通俗易懂]

在需要页面刷新的地方写上：this.$router.push(’/emptyPage’)，跳转到一个空白页。在emptyPage.vue里beforeRouteEnter 钩子里控制页面跳转，从而达到刷新的效果

03

基于iframe的跨域与更新父窗体地址栏的解决方案

管理平台前端页面需要在当前前端框架结构基础上，在顶级导航中增加两个模块：首页、运维管理模块，以此接入运维平台提供的页面。在访问到内部某个页面后，希望父窗体的地址栏跟随子窗体内部src，同时更新父窗体的地址栏，再刷新页面可以保持在当前访问的页面，同时可以分享链接。

Vue Tips

目的是在不刷新页面的情况下更新路由，实现类似 location.reload() 的功能，区别是只更新路由而不是刷新整个页面。关于这个问题的讨论可以查看 Github Issues [Feature] A reload method like location.reload()。

04

vuex在页面刷新后数据被清除

用vuex来做全局的状态管理，发现当刷新网页后，保存在vuex实例store里的数据会丢失

00

解决前端缓存问题

vue-cli里的默认配置，css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。不过值得注意的是，把打包好的index.html放到服务器里去的时候，index.html在服务器端可能是有缓存的，这需要在服务器配置不让缓存index.html

01

Vue刷新页面的三种方式[通俗易懂]

我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。

Vite 是如何记录项目中所有模块的依赖关系的？

Vite 在运行过程中，会记录每个模块间的依赖关系，所有的依赖关系，最终会汇总成一个模块依赖图。利用这个模块依赖图，Vite 能够准确地进行热更新。

01

前端路由两种模式：hash与history

SPA需要在不刷新页面的情况下做页面更新，这就需要前端路由。实际上，前端路由是利用浏览器的hash和history属性

01

Halo 更新时，基于Nginx给网址挂上维护界面

本站使用Halo进行搭建的博客系统，搭建在Linux系统之中。同时为了更高效利用服务器资源也端口，进行了nginx代理转发机制。

03

vue路由的两种模式 hash与history

Vue 路由是 Vue.js 框架提供的一种机制，用于实现单页面应用（Single-Page Application，简称 SPA）中的前端路由功能。它允许通过定义不同的路由路径和对应的组件，来管理应用程序中不同页面或视图的展示和切换。

02

vue页面刷新方法_vue返回上一页怎么实时刷新

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

02

vue前端页面跳转参数传递及存储

不同页面间进行参数传递，实现方式有很多种，最简单最直接的方式就是在页面跳转时通过路由传递参数，如下所示。路由传递参数 this.$router.push({ name: '跳入页面',

00

学习 Vue 3 全家桶 - vue-router

在 jQuery 时代，对于大部分 Web 项目而言，前端都是不能控制路由的，而是需要依赖后端项目的路由系统。通常，前端项目也会部署在后端项目的模板里，对于每次的页面跳转，都由后端开发人员来负责重新渲染模板。

01

vue学习：使用tab标签页时，刷新页面停留在当前tab

可以看到 <el-tabs> 标签中 v-model="activeName"，它和选项卡中的 name属性进行绑定；

03

第二十一篇：从 React-Router 切入，系统学习前端路由解决方案

React-Router 是 React 场景下的路由解决方案，本讲我们将学习 React-Router 的实现机制，并基于此提取和探讨通用的前端路由解决方案。

01

前端工程师必须知道的用javaScript刷新当前页面的3种方法

页面自动刷新：把如下代码加入<head>区域中，其中10指每隔10秒刷新一次页面。

01

Python 实战（1）：在网页上显示信息

上次简单介绍了 web.py。今天先来粗略解释下那个 hello world 页面的代码： import web 导入 web.py 模块。 urls = ( '/', 'index' ) 这是指定网站 url 的匹配规则，左边是正则表达式，右边是对应处理函数的名称。 class index: def GET(self): return "Hello, world!" 这便是处理请求的函数 index。GET 和 POST 是 HTTP 的两种请求方式，一般来说，GET 用于请求网

08

flask第十七篇——模板【1】

从这一节开始我们就正式进入flask一个重要的模块——模板了。我们平时看的知乎平台就是Python开发的，可以看到他的很多页面布局都是一样的，比如你现在搜“如何自学Python”，去知乎看他的页面

05

form 表单提交后，使页面不跳转[通俗易懂]

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/127976.html原文链接：https://javaforall.cn

02

vue.config.js基本配置

01

使用Fiddler进行Mock测试

1）在web session 面板中找到对应的请求，然后将其拖到AutoResponder面板中。

02

彻底理解 Vite 的热更新主要流程

热更新的英文全称为Hot Module Replacement，简写为 HMR。当修改代码时，HMR 能够在不刷新页面的情况下，把页面中发生变化的模块，替换成新的模块，同时不影响其他模块的正常运作。

04

js跳转页面并刷新(本页面跳转)

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/128190.html原文链接：https://javaforall.cn

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭