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 相关文章推荐
jQuery MD5加密实现代码
Mar 15 Javascript
javascript学习笔记(十九) 节点的操作实现代码
Jun 20 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
JavaScript学习笔记之基础语法
Jan 22 Javascript
动态更新highcharts数据的实现方法
May 28 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 Javascript
javascript填充默认头像方法
Feb 22 Javascript
JavaScript面向对象程序设计创建对象的方法分析
Aug 13 Javascript
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
cdn模式下vue的基本用法详解
Oct 07 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结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
2012/10/11 Javascript
js 控制图片大小核心讲解
2013/10/09 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
浅谈js中几种实用的跨域方法原理详解
2016/12/02 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
用Python的urllib库提交WEB表单
2009/02/24 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
Python序列类型的打包和解包实例
2019/12/21 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
HTTP状态码详解
2021/03/18 杂记
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
StubHub德国:购买和出售门票
2017/09/06 全球购物
记帐员岗位责任制
2014/02/08 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
家长评语怎么写
2014/12/30 职场文书
课外活动实习计划
2015/01/19 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
关于nginx 实现jira反向代理的问题
2021/09/25 Servers
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技