jQuery的Cookie封裝,與PHP交互的簡單實現(xiàn)
首先,用到兩個jQuery函數(shù),JSON.parse(Json字符串轉(zhuǎn)對象)和JSON.stringify(對象轉(zhuǎn)JSON字符串)
我這里的分成兩次封裝,因為數(shù)據(jù)不在一個頁面里。
這是第一個頁面:
$(".color-gray").click(function(){ var detail = new Object();//自定義一個空對象 將獲取的參數(shù)放入這個對象 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函數(shù)將對象轉(zhuǎn)成JSON字符串,放入Cookie里。 location.href = "{pigcms{:U('User/adres_map')}"; });
第二個頁面:
$(".addresslist").live('click', function(){ info = JSON.parse($.cookie('info'));//因為第一個頁面中封裝的Cookie是JSON字符串,這里要先轉(zhuǎn)成對象。再將本頁面的數(shù)據(jù)放進去。 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中就有了上面的數(shù)據(jù)。
最后,jQuery清空Cookie,
$(".icon-arrow-left2").click(function(){ $.cookie('info', 0); });
最最后,PHP方法交互,
<pre name="code" class="php">/* 執(zhí)行編輯 */ 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('編輯失敗,請重試!'); } } }
最最最后,補充一下,
如果需要在頁面輸出已經(jīng)寫好的cookie,需要先實例化一下,
detail = JSON.parse($.cookie('info'));
然后才能這樣使用,
detail.name
以上就是小編為大家?guī)淼膉Query的Cookie封裝,與PHP交互的簡單實現(xiàn)全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
使用jQuery中的when實現(xiàn)多個AJAX請求對應(yīng)單個回調(diào)的例子分享
我在為 Mozilla Developer Network(Mozilla開發(fā)者社區(qū)) 寫代碼時需要加載的一個普通的的腳本文件,以及一個JSON流。 因為我們使用jQuery,這意味著需要調(diào)用 jQuery.getScript 和 jQuery.getJSON 函數(shù)2014-04-04用jQuery將JavaScript對象轉(zhuǎn)換為querystring查詢字符串的方法
這篇文章主要介紹了用jQuery將JavaScript對象轉(zhuǎn)換為querystring查詢字符串的方法,本文給大家分享兩種方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11基于jquery fly插件實現(xiàn)加入購物車拋物線動畫效果
在購物網(wǎng)站中,加入購物車的功能是必須的功能,有的網(wǎng)站在用戶點擊加入購物車按鈕時,就會出現(xiàn)該商品從點擊出以拋物線的動畫相似加入購物車,這個功能看起來非常炫,對用戶體驗也有一定的提高。下面介紹基于jquery fly插件實現(xiàn)加入購物車拋物線動畫效果2016-04-04jquery實現(xiàn)圖片漸變切換兼容ie6/Chrome/Firefox
jquery代碼實現(xiàn)圖片漸變切換同時兼容ie6、Chrome、Firefox,想學(xué)習(xí)的朋友可以測試下,希望對大家有所幫助2013-08-08jquery怎樣實現(xiàn)ajax聯(lián)動框(一)
ajax聯(lián)動框想必大家早有所耳聞,接下來本文詳細介紹下使用jquery實現(xiàn)的原理及代碼,感興趣的你可以參考下,或許對你有所幫助2013-03-03