JQ保存用户信息到cookie

这篇博客介绍了如何在用户登录成功后利用jQuery Cookie插件将用户ID保存到cookie中,并在其他页面中读取该信息,简化用户状态管理。
摘要由CSDN通过智能技术生成

首先需要下载下 jquery.cookie.js 文件,我在文章最后放下这个文件的代码吧,就不需要再话时间去下载了。

当用户登录成功后,把用户id存到cookie中,在需要用到的页面直接获取用户id即可。

var uid= 'uuid';
var info='11';       
$.cookie(uid,info,{path:'/'});//保存一天到 当前路径
//获取
var uuid= $.cookie(uid);
console.log(uuid);//打印出来的数据为 11

jquery.cookie.js

/*!
 * jQuery Cookie Plugin v1.4.1
 * https://github.com/carhartl/jquery-cookie
 * Copyright 2013 Klaus Hartl
 * Released under the MIT license
 */
(function (factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD
            define(['jquery'], factory);
    } else if (typeof exports === 'object') {
        // CommonJS
        factory(require('jquery'));
    } else {
        // Browser globals
	factory(jQuery);
    }
}(function ($) {

    var pluses = /\+
如果您想将图片位置信息保存到服务器,可以使用`AJAX`将位置信息发送到服务器,然后在服务器上使用`PHP`或其他后端语言将其保存到数据库或文件中。以下是一个简单的示例: ```javascript // 获取图片位置信息 var position = { left: $("#image").offset().left, top: $("#image").offset().top }; // 发送位置信息到服务器 $.ajax({ url: "save_position.php", type: "POST", data: position, success: function(response) { console.log("位置信息已保存到服务器!"); }, error: function() { console.log("保存位置信息失败!"); } }); ``` 在服务器端,您可以使用`PHP`来接收位置信息并将其保存到文件中: ```php <?php $position = $_POST["position"]; $file = "position.txt"; file_put_contents($file, $position); echo "位置信息已保存到文件!"; ?> ``` 如果您想将图片位置信息保存到本地存储,可以使用`localStorage`或`sessionStorage`。以下是一个简单的示例: ```javascript // 获取图片位置信息 var position = { left: $("#image").offset().left, top: $("#image").offset().top }; // 保存位置信息到本地存储 localStorage.setItem("position", JSON.stringify(position)); console.log("位置信息已保存到本地存储!"); ``` 要检索位置信息,请使用以下代码: ```javascript var position = JSON.parse(localStorage.getItem("position")); console.log(position.left, position.top); ``` 请注意,如果您使用`sessionStorage`而不是`localStorage`,则位置信息将在会话结束时删除。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值