请问大家如何实现点击收藏按钮，页面中央显示已收藏字样，取消收藏则是已取消

Question

大家能否为我详细解答思路过程以及技术呢？重点疑问就是显示字样在页面中间怎么实现

Answer 1

纯前端静态的话，写个点击事件，直接判断文字是否是已收藏，如果已收藏，就取消；否则就已收藏。前后端交互的话需要传字段来保证那就是直接刷新数据

Answer 2

按钮存在两种状态:【收藏】【取消收藏】初始化页面的时候,根据后台数据判断当前状态，然后为按钮的innerHTML赋值按钮绑定click事件，根据当前状态进行取反，并刷新需要显示的各处界面