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 播放器 控制
Jan 22 Javascript
jquery的$(document).ready()和onload的加载顺序
May 26 Javascript
js生成随机数的方法实例
Oct 16 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
javascript iframe跨域详解
Oct 26 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
通过实例解析js可枚举属性与不可枚举属性
Dec 02 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
36个正则表达式(开发效率提高80%)
Nov 17 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判断字符串长度的两种方法很实用
2015/09/22 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
jQuery Autocomplete自动完成插件
2010/07/17 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
jQuery中mouseover事件用法实例
2014/12/26 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
MUI实现上拉加载和下拉刷新效果
2017/06/30 Javascript
ECMAScript6变量的解构赋值实例详解
2017/09/19 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
JS在if中的强制类型转换方式
2018/07/15 Javascript
JavaScript函数的特性与应用实践深入详解
2018/12/30 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
python文件操作整理汇总
2014/10/21 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
详解python算法之冒泡排序
2019/03/05 Python
俄罗斯最大的消费电子连锁零售商:Mvideo
2017/06/25 全球购物
上班上网检讨书
2014/01/29 职场文书
小学生开学感言
2014/02/28 职场文书
农村结婚典礼司仪主持词
2014/03/14 职场文书
行政人事岗位职责
2014/03/17 职场文书
毕业生求职自荐书范文
2014/03/27 职场文书
学生保证书范文
2014/04/28 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2014年信用社工作总结
2014/11/25 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
2015新学期校长寄语(3篇)
2015/03/25 职场文书
商务司机岗位职责
2015/04/10 职场文书
公司中层管理培训心得体会
2016/01/11 职场文书
Django使用redis配置缓存的方法
2021/06/01 Redis
你需要掌握的20个Python常用技巧
2022/02/28 Python