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 相关文章推荐
火狐4、谷歌12不支持Jquery Validator的解决方法分享
Jun 20 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
javascript中indexOf技术详解
May 07 Javascript
js实现YouKu的漂亮搜索框效果
Aug 19 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
BootStrap实现带关闭按钮功能
Feb 15 Javascript
vue-router单页面路由
Jun 17 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
React中使用UEditor百度富文本的方法
Aug 22 Javascript
vue遍历对象中的数组取值示例
Nov 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实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
JavaScript Prototype对象
2009/01/07 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
js限制textarea每行输入字符串长度的代码
2012/10/31 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
JavaScript随机生成信用卡卡号的方法
2015/04/07 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
vue实例的选项总结
2020/06/09 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
2020/10/27 Javascript
CentOS中升级Python版本的方法详解
2017/07/10 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
在python image 中实现安装中文字体
2020/05/16 Python
python包的导入方式总结
2021/03/02 Python
浅谈html5之sse服务器发送事件EventSource介绍
2017/08/28 HTML / CSS
美国汽车交易网站:Edmunds
2016/08/17 全球购物
帕克纽约:PARKER NY
2018/12/09 全球购物
春节活动策划方案
2014/01/24 职场文书
大学生学习2014全国两会心得体会
2014/03/13 职场文书
培训讲师岗位职责
2014/04/13 职场文书
高校优秀辅导员事迹材料
2014/05/07 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
实习生矿工检讨书
2014/10/13 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
谢师宴答谢词
2015/01/05 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
2016春季幼儿园大班开学寄语
2015/12/03 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
JavaScript获取URL参数的方法分享
2022/04/07 Javascript