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 相关文章推荐
ext 代码生成器
Aug 07 Javascript
javascript实现面向对象类的功能书写技巧
Mar 07 Javascript
js 浏览本地文件夹系统示例代码
Oct 24 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
详解Bootstrap glyphicons字体图标
Jan 04 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
Dec 21 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
Angular2数据绑定详解
Apr 18 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
微信小程序实现全国机场索引列表
Jan 31 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
Aug 04 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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
PHP错误抑制符(@)导致引用传参失败Bug的分析
2011/05/02 PHP
thinkphp中空模板与空模块的用法实例
2014/11/26 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
客户端静态页面玩分页
2006/06/26 Javascript
JS 中document.URL 和 windows.location.href 的区别
2009/11/11 Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
2011/10/09 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
javascript变量声明实例分析
2015/04/25 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
vue 2.x 中axios 封装的get 和post方法
2018/02/28 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
TypeScript之调用栈的实现
2019/12/31 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
[01:03:27]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
如何学习Python time模块
2020/06/03 Python
Python urllib库如何添加headers过程解析
2020/10/05 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
导游实习生自荐书
2014/01/28 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers