最近在前端的岗位实习，看前辈的代码，有一个页面是这样的：
当用户点击某个内容下边的“赞一下”的大拇指时，大拇指的颜色变成红色，
下面是我的疑问：源代码中是点击事件发生时使用Ajax请求发送该内容的ID，成功之后使用jQuery给大拇指添加事先定义好红色样式的class，可是，为什么当我刷新页面时这个动态添加的class还在呢？（也就是大拇指仍然是红色的），请问哪位高人可以结合这个例子讲解一下前后端通信的原理？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
4
250
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
你能上代码吗
1，输出的时候会判断是否已点赞，是的话就显示红色。
2，ajax返回成功数据，加上红色。
刷新的是重新加载数据重新渲染html所以你要在组装html的时候做判断，已经点赞的加红的class
我之前做到过一个类似的，原理和你那个差不多，我说下我的实现的原理吧。
这是页面：http://xinghuan.com/#/star
这里是点击“关注”后，那个“关注”会变成已关注，刷新页面对于已关注的用户还是显示“已关注”。
是否关注这里是个参数值，比如starValue；未关注时starValue值是0，已关注时starValue值是1；当用户点击“关注”后，会向服务器发送一个请求，请求将starValue值改成1，这时本地可以先临时加个值显示“已关注”，当页面刷新后starValue值就变成1了，根据不同的starValue值进行不同的显示即可。
有什么不明白的可以讨论。