jQuery的Cookie封装,与PHP交互的简单实现
首先,用到两个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交互的简单实现全部内容了,希望大家多多支持脚本之家~
相关文章
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
我在为 Mozilla Developer Network(Mozilla开发者社区) 写代码时需要加载的一个普通的的脚本文件,以及一个JSON流。 因为我们使用jQuery,这意味着需要调用 jQuery.getScript 和 jQuery.getJSON 函数2014-04-04用jQuery将JavaScript对象转换为querystring查询字符串的方法
这篇文章主要介绍了用jQuery将JavaScript对象转换为querystring查询字符串的方法,本文给大家分享两种方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11jquery实现图片渐变切换兼容ie6/Chrome/Firefox
jquery代码实现图片渐变切换同时兼容ie6、Chrome、Firefox,想学习的朋友可以测试下,希望对大家有所帮助2013-08-08
最新评论