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 相关文章推荐
javascript 解析url的search方法
Feb 09 Javascript
超级酷和最实用的jQuery实例收集(20个)
Apr 21 Javascript
js实现从数组里随机获取元素
Jan 12 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
基于js 本地存储(详解)
Aug 16 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
Sep 02 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
vuex 的简单使用
Mar 22 Javascript
Django+Vue跨域环境配置详解
Jul 06 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
如何修改和添加Apache的默认站点目录
2013/07/05 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
goto语法在PHP中的使用教程
2020/09/17 PHP
Array对象方法参考
2006/10/03 Javascript
JavaScript 函数调用规则
2009/09/14 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
2013/05/13 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
jQuery性能优化技巧分析
2015/02/20 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
JS对象和字符串之间互换操作实例分析
2019/02/02 Javascript
JavaScript工具库之Lodash详解
2019/06/15 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
[01:08]DOTA2次级职业联赛 - Wings 战队宣传片
2014/12/01 DOTA
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python获取央视节目单的实现代码
2015/07/25 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
python实现简单五子棋游戏
2019/06/18 Python
pandas的排序和排名的具体使用
2019/07/31 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
YUV转为jpg图像的实现
2019/12/09 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
python下对hsv颜色空间进行量化操作
2020/06/04 Python
信息科学与技术专业求职信范文
2014/02/20 职场文书
《从现在开始》教学反思
2014/04/15 职场文书
银行奉献演讲稿
2014/09/16 职场文书
认错检讨书
2014/10/02 职场文书
2015年大学生党员承诺书
2015/04/27 职场文书
幼儿园托班教育随笔
2015/08/14 职场文书
导游词之河北白洋淀
2020/01/15 职场文书