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 相关文章推荐
javascript实现的listview效果
Apr 28 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
Nov 24 Javascript
Javascript的一种模块模式
Sep 08 Javascript
script标签的 charset 属性使用说明
Dec 04 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
Node.js中看JavaScript的引用
Apr 22 Javascript
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
react实现菜单权限控制的方法
Dec 11 Javascript
vue+axios全局添加请求头和参数操作
Jul 24 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 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生成html文件方法总结
2014/12/01 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
PHP微商城开源代码实例
2019/03/27 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
2016/03/05 Javascript
如何判断Javascript对象是否存在的简单实例
2016/05/18 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
jQuery实现百度登录框的动态切换效果
2017/04/21 jQuery
代码分析vue中如何配置less
2018/09/28 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
2019/07/25 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
对于Python中RawString的理解介绍
2016/07/07 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
利用pyecharts实现地图可视化的例子
2019/08/12 Python
Python数据分析pandas模块用法实例详解
2019/11/20 Python
python opencv 实现读取、显示、写入图像的方法
2020/06/08 Python
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
附答案的Java面试题
2012/11/19 面试题
电大毕业个人生自我鉴定
2014/03/26 职场文书
学习雷锋活动总结
2014/04/29 职场文书
导师推荐信范文
2014/05/09 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
街道务虚会发言材料
2014/10/20 职场文书
运动会加油稿20字
2014/11/15 职场文书
花田少年史观后感
2015/06/16 职场文书
2016年国庆节假期旅游工作总结
2016/04/01 职场文书
如何理解Vue前后端数据交互与显示
2021/05/10 Vue.js
Go语言读取txt文档的操作方法
2022/01/22 Golang
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL