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 相关文章推荐
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
通过修改referer下载文件的方法
May 11 Javascript
JavaScript入门教程(12) js对象化编程
Jan 31 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
一起学写js Calender日历控件
Apr 14 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
微信小程序实现页面跳转传值的方法
Oct 12 Javascript
Vue项目中如何引入icon图标
Mar 28 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 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 iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
(仅IE下有效)关于checkbox 三态
2007/05/12 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
利用jquery的获取JS文件中的字符串内容
2012/02/14 Javascript
jqeury-easyui-layout问题解决方法
2014/03/24 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
jquery通过name属性取值的简单实现方法
2016/06/20 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
js实现楼层导航功能
2017/02/23 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
微信小程序网络封装(简单高效)
2018/08/06 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
Python sys.path详细介绍
2013/10/17 Python
Python通过解析网页实现看报程序的方法
2014/08/04 Python
Python线程指南详细介绍
2017/01/05 Python
python和shell监控linux服务器的详细代码
2018/06/22 Python
Python Subprocess模块原理及实例
2019/08/26 Python
python实现的登录与提交表单数据功能示例
2019/09/25 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
职业生涯规划怎么写
2013/12/29 职场文书
大学旷课检讨书
2014/01/28 职场文书
建筑施工安全责任书
2014/07/24 职场文书