layui 前端cookie的用法，用来实现界面刷新

原创 已于 2023-06-08 17:19:16 修改 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #layui #javascript

于 2023-06-08 17:16:49 首次发布
文章介绍了如何在项目中引入jquery-cookie.js库，并将其置于layui.js之后。重点在于利用cookie保存控件状态，页面刷新后能根据cookie的值来决定显示哪个按钮，实现了用户交互的个性化保存。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.需要引用 jquery-cookie.js 包  网上可自行下载,下载完成后记得添加到项目里面的js文件里

2.添加引用

注意需要放在layui.js文件下面

3.给控件赋值，通过cookie，是为了后面通过cookie的值来判断刷新后显示那个按钮

 4.使用cookie

先获取到当前页面所存的cookie值，然后判断显示那个按钮

Lovh�
关注
layui登录页面写入数据_layuiAdmin单页版文档
weixin_31346703的博客
12-23 2727
该文档适用于 layuiAdmin 专业版(单页面)，阅读之前请务必确认是否与你使用的版本对应。熟练掌握 layuiAdmin 的前提是熟练掌握 layui，因此除了本篇文档， layui 的文档 也是必不可少的存在。快速上手部署解压文件后，将 layuiAdmin 完整放置在任意目录通过本地 web 服务器去访问 ./start/index.html 即可运行 Demo由于 layuiAdmin...
layui 自定义request_layuiAdmin pro v1.x 【单页版】开发者文档
weixin_33888685的博客
12-23 609
题外该文档适用于 layuiAdmin 专业版(单页面)，阅读之前请务必确认是否与你使用的版本对应。熟练掌握 layuiAdmin 的前提是熟练掌握 layui，因此除了本篇文档， layui 的文档 也是必不可少的存在。快速上手部署解压文件后，将 layuiAdmin 完整放置在任意目录通过本地 web 服务器去访问 ./start/index.html 即可运行 Demo由于 layuiAdm...
layui点击按钮页面会自动刷新的解决方案
10-16
今天小编就为大家分享一篇layui点击按钮页面会自动刷新的解决方案，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui引入cookie
weixin_41239249的博客
03-02 4986
jquery-cookie文件包下载地址：链接：https://pan.baidu.com/s/1ZCIFVBtuxREeMgL8hlzUHQ 提取码：abcd 1.思路： layui.define('jquery', function (exports) { //依赖jQuery var jQuery = layui.jquery; //插件内容 //将jquery.cookie.js文件的内容复制到此处 ，参加信息化项目jquery-cookie文件夹下的cookie.j...
Layui 引入jQuery.Cookie插件
风不知从何处起的小屋
01-18 3075
首先你需要下载jQuery.Cookie.js 下载地址 然后将 文件复制粘贴至你的项目的静态文件资源中，我和layui引入的jquery.js放在一起并将文件改名为了cookie.js，如下图所示 然后修改cookie.js的文件内容（后面有详细的修改好的js） layui.define('jquery', function (exports) { //依赖jQuery var jQuery = layui.jquery; //插件内容 将jquer
jquery+layui传参 并将信息存入cookie
sang521jia的博客
07-02 6076
jquery+layui传参 并将信息存入cookie。弹出层页面是个多选列表，要求是是弹出层列表分页，要能记录每一页的选定参数，故此处使用cookie存储所有选定的checkbox选项，并返回给父级页面。 父页面为eidt.html，弹出层按钮为 <div class="form-group"> <label for="" class="col-sm-3 control-l...
layui让当前页面刷新_layui点击按钮页面会自动刷新的解决方案
weixin_39955351的博客
12-22 1459
问题：Title输入框testlayui.use(['laytpl','jquery','layer','form'],function () {var laytpl = layui.laytpl,layer = layui.layer,form = layui.form,$ = layui.$;$('.test').click(function () {layer.msg("test");});...
基于jsp+servlet+layui教师科研论文管理系统毕业源码案例设计.zip
12-18
在本项目中，Layui被用来构建美观且易用的用户界面，提升用户体验。通过Layui的API，可以轻松实现数据的异步加载、表单验证、模态对话框等功能，使得教师可以方便地管理自己的科研论文。 在实际开发过程中，该项目...
基于Jsp+Servlet+Layui的学生信息管理系统.zip
08-06
5. **前后端交互**：通过AJAX或者jQuery的$.ajax方法，实现前端JSP与后端Servlet的异步通信，无刷新地完成数据的增删改查操作。 6. **权限管理**：考虑到系统可能有多个角色（如管理员、教师、学生），可能需要实现...
前端面试题知识点总结（仅供参考）
jiang16608544720的博客
03-14 2082
以下是本人面试后总结出来的面试知识点： 1.1. 模块化 \1. ES6 \2. Commonjs 1.2. 构建工具 \1. Webpack核心思想：模块化打包 \2. Webpack基本配置: entry, output, module&rules, plugins, devServer, devtool, resolve \3. 打包各种资源: JS / CSS/img/html/… \4. 加分项: 自定义webpack打包环境, Webpa
layui form表单提交后实现自动刷新
10-16
今天小编就为大家分享一篇layui form表单提交后实现自动刷新，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
LayUI table 刷新页面不重置页码
04-18
LayUI table 刷新页面不重置页码包含table.js被修改的源码及demo使用方法
layui的checbox在Ajax局部刷新下的设置方法
12-29
此情况只适用于手动拼接表格。。 页面加载时，checkbox会被渲染，so初始页面的checkbox是正常的 当我们自动添加checkbox，并且局部刷新的时候，新的复选框不会被渲染，所以显示是空白 解决办法： 1.需要添加一行代码（渲染后的checkbox代码） <input type=checkbox lay-skin=primary> <div class=layui-unselect lay-skin=primary><i class=layui-icon></i></div> 2.渲染一下： form = layui.
layui引用jquery、jquery-cookie
weixin_41415820的博客
09-04 4668
1.引入jquery layui.use(['layer', 'form','jquery'], function() { var layer = layui.layer, $=layui.jquery, form = layui.form(); /...
调用layui自带的刷新按钮，达到刷新当前页的效果
ztf0415的博客
06-20 1053
layui刷新
layui让当前页面刷新_layui如何刷新当前tab选项卡,
weixin_33872754的博客
02-26 2898
layui如何刷新当前tab选项卡LaYUI如何刷新当前标签，layui刷新当前标签页的方法：可以使用reload方法刷新，如[location . reload()；】reload方法用于刷新当前文档，其作用类似于浏览器上刷新页面按钮的作用。环境：这种方法适用于所有品牌的电脑。(学习视频分享：javascript视频教程方法：location . reload()；描述：reload()方法...
Layui框架实现关闭当前页后返回并刷新页面的完美解决方案
理论都是虚的，代码才是王道。
10-23 1455
在Web开发中，我们经常会遇到需要保存当前页面状态并在关闭后返回并刷新页面的需求。本文将介绍如何使用Layui框架来实现这一功能，并提供详细的代码片段来帮助您更好地理解和应用这些技术。
layui怎么刷新当前页面？
weixin_43244841的博客
03-11 8935
刷新当前页： layer.msg(data.msg, {icon:1,time:1000},function(){ setTimeout('window.location.reload()',1000); }); 关闭当前页，并刷新父页 layer.msg(data.msg, {icon:1,time:1000}, function(){ var index = parent.layer.getFrameIndex(window.name); //parent.location.reload(); //刷
Layui 列表页面关闭子窗口刷新列表数据
最新发布
duanduanxiao的博客
04-02 689
Uncaught TypeError: Cannot read properties of undefined (reading 'reload')，layui 关闭子页面刷新父页面列表数据
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值