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 相关文章推荐
XP折叠菜单&amp;仿QQ2006菜单
Dec 16 Javascript
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
Mar 12 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
Sep 19 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 Javascript
基于原生JS实现图片裁剪
Aug 01 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
electron 安装,调试,打包的具体使用
Nov 06 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
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 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
JQuery操作元素的css样式
2015/03/09 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
JavaScript中获取HTML元素值的三种方法
2016/06/20 Javascript
js实现图片360度旋转
2017/01/22 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
Python脚本实现自动发带图的微博
2016/04/27 Python
Django 前后台的数据传递的方法
2017/08/08 Python
Python 查找字符在字符串中的位置实例
2018/05/02 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
关于python多重赋值的小问题
2019/04/17 Python
Python 变量的创建过程详解
2019/09/02 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
UNIX文件类型
2013/08/29 面试题
偷看我的初中毕业鉴定
2014/01/29 职场文书
禁烟标语大全
2014/06/11 职场文书
人事局接收函
2015/01/30 职场文书
转变工作作风心得体会
2016/01/23 职场文书
Python之matplotlib绘制饼图
2022/04/13 Python
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS