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 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
浅谈tudou土豆网首页图片延迟加载的效果
Jun 23 Javascript
一个javascript图片阅览组件
Nov 09 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
Dec 03 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
Dec 31 Javascript
js表单中选择框值的获取及表单的序列化
Dec 17 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
Vue中JS动画与Velocity.js的结合使用
Feb 13 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
Jul 02 Javascript
vue 组件简介
Jul 31 Javascript
design vue 表格开启列排序的操作
Oct 28 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面向对象学习之parent::关键字
2017/01/18 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
YUI 读码日记之 YAHOO.util.Dom - Part.1
2008/03/22 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
深入浅析javascript中的作用域(推荐)
2016/07/19 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
JQuery实现动态操作表格
2017/01/11 Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
2017/12/22 Javascript
angular1.x ui-route传参的三种写法小结
2018/08/31 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
python爬取指定微信公众号文章
2018/12/20 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
Python基于BeautifulSoup和requests实现的爬虫功能示例
2019/08/02 Python
python自动生成model文件过程详解
2019/11/02 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
如何把python项目部署到linux服务器
2020/08/26 Python
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
关于canvas绘制模糊问题的解决方法
2019/09/24 HTML / CSS
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
家庭睡衣和家庭用品:Little Blue House
2018/03/18 全球购物
《晏子使楚》教学反思
2014/02/08 职场文书
模范教师事迹材料
2014/02/10 职场文书
服装促销活动方案
2014/02/23 职场文书
市场部经理岗位职责
2014/04/10 职场文书
法学专业大学生实习自我鉴定
2014/10/05 职场文书
《观察物体》教学反思
2016/02/17 职场文书
pytorch 中nn.Dropout的使用说明
2021/05/20 Python
详解Flutter网络请求Dio库的使用及封装
2022/04/14 Java/Android
分析SQL窗口函数之聚合窗口函数
2022/04/21 Oracle