jQuery的Cookie封装,与PHP交互的简单实现


Posted in Javascript onOctober 05, 2016

首先,用到两个jQuery函数,JSON.parse(Json字符串转对象)和JSON.stringify(对象转JSON字符串)

我这里的分成两次封装,因为数据不在一个页面里。

这是第一个页面:

$(".color-gray").click(function(){ 
    var detail = new Object();//自定义一个空对象 将获取的参数放入这个对象 
    detail.userName = $('input[data-node="userName"]').val(); 
    detail.userSex = $(".userSex").val(); 
    detail.detail = $('input[data-node="address"]').val(); 
    detail.phone = $('input[data-node="telephone"]').val(); 
    detail.id = $('input[name="address_id"]').val(); 
     
    $.cookie("info", JSON.stringify(detail));//用JSON.stringify函数将对象转成JSON字符串,放入Cookie里。 
    location.href = "{pigcms{:U('User/adres_map')}"; 
  });

第二个页面:

$(".addresslist").live('click', function(){ 
    info = JSON.parse($.cookie('info'));//因为第一个页面中封装的Cookie是JSON字符串,这里要先转成对象。再将本页面的数据放进去。 
    info.name = $(this).attr("address"); 
    info.longitude = $(this).attr("lng"); 
    info.latitude = $(this).attr("lat"); 
     
    $.cookie('info', JSON.stringify(info));//放进去之后,重新封装 
    location.href = "{pigcms{:U('User/add_adres')}&address_id="+info.id; 
  });

这样,页面运行之后,Cookie中就有了上面的数据。

最后,jQuery清空Cookie,

$(".icon-arrow-left2").click(function(){ 
    $.cookie('info', 0);  
  });

最最后,PHP方法交互,

<pre name="code" class="php">/* 执行编辑 */ 
  public function edit_adres(){ 
    $id = $_POST['address_id']; 
    $params['name']     = $_POST['name']; 
    $params['sex']     = $_POST['sex']; 
    $params['address']   = $_POST['address']; 
    $params['detail']    = $_POST['detail']; 
    $params['phone']    = $_POST['phone']; 
    $params['uid']     = $this->_uid; 
    $params['longitude']  = $_POST['longitude']; 
    $params['latitude']   = $_POST['latitude']; 
    $params['create_time'] = time(); 
     
    if( !$id ){ 
      if($returnId=D('表名')->data($params)->add()){ 
        if(IS_AJAX){ 
          setcookie('info'); 
          $this->ajaxReturn($returnId, '添加成功', 1);exit; 
        }   
      } else { 
        $this->error('添加失败,请重试!'); 
      } 
    } else { 
      $where['address_id'] = $id; 
      if(D('表名')->where($where)->data($params)->save()){ 
        if(IS_AJAX){ 
          setcookie('info'); 
          $this->ajaxReturn($id, '编辑成功', 1);exit; 
        } 
      } else { 
        $this->error('编辑失败,请重试!'); 
      } 
    } 
  }

最最最后,补充一下,

如果需要在页面输出已经写好的cookie,需要先实例化一下,

detail = JSON.parse($.cookie('info'));

然后才能这样使用,

detail.name

以上就是小编为大家带来的jQuery的Cookie封装,与PHP交互的简单实现全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
一个简单的js动画效果代码
Jul 20 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
Sep 15 Javascript
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
Mar 28 Javascript
删除javascript中注释语句的正则表达式
Jun 11 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
简单理解vue中Props属性
Oct 27 Javascript
详解react使用react-bootstrap当轮子造车
Aug 15 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
Nov 10 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 #Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 #Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 #Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 #Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 #Javascript
Jq通过td获取同行其它列td的方法
Oct 05 #Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 #Javascript
You might like
PHP学习 运算符与运算符优先级
2008/06/15 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP中使用imagick实现把PDF转成图片
2015/01/26 PHP
swoole锁的机制代码实例讲解
2021/03/04 PHP
javascript中this的四种用法
2015/05/11 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
vue.js初学入门教程(2)
2016/11/07 Javascript
Vue.2.0.5过渡效果使用技巧
2017/03/16 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
vue实现word,pdf文件的导出功能
2018/07/31 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
python中常用的九种预处理方法分享
2016/09/11 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
python 字符串追加实例
2019/07/20 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
如何打开WebSphere远程debug
2014/10/10 面试题
个人房屋买卖协议书(范本)
2014/10/04 职场文书
介绍信范文
2015/01/31 职场文书
2015年司法所工作总结
2015/04/27 职场文书
小孩不笨观后感
2015/06/03 职场文书
浅谈JavaScript作用域
2021/12/06 Javascript
Oracle使用别名的好处
2022/04/19 Oracle