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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
原生js操作checkbox用document.getElementById实现
Oct 12 Javascript
jquery中map函数与each函数的区别实例介绍
Jun 23 Javascript
js HTML5多媒体影音播放
Oct 17 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
基于LayUI实现前端分页功能的方法
Jul 22 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
Vue Components 数字键盘的实现
Sep 18 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
四月新番又没了,《Re:从零开始的异世界生活》第二季延期至7月播出
2020/05/06 日漫
把77A收信机改造成收音机
2021/03/02 无线电
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
ES6 系列之 Generator 的自动执行的方法示例
2018/10/19 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
JavaScript对象原型链原理解析
2020/01/22 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
如何使用RoughViz可视化Vue.js中的草绘图表
2021/01/30 Vue.js
[03:11]完美世界DOTA2联赛PWL DAY8集锦
2020/11/09 DOTA
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
商得四方公司面试题(gid+)
2014/04/30 面试题
几个常见的软件测试问题
2016/09/07 面试题
日语专业个人求职信范文
2014/02/02 职场文书
个人银行贷款担保书
2014/04/01 职场文书
《神奇的克隆》教学反思
2014/04/10 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
基层党员对照检查材料
2014/08/25 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
企业介绍信范文
2015/01/30 职场文书
小学班主任心得体会
2016/01/07 职场文书
js之ajax文件上传
2021/05/13 Javascript
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript