jQuery的Cookie封裝,與PHP交互的簡(jiǎn)單實(shí)現(xiàn)
首先,用到兩個(gè)jQuery函數(shù),JSON.parse(Json字符串轉(zhuǎn)對(duì)象)和JSON.stringify(對(duì)象轉(zhuǎn)JSON字符串)
我這里的分成兩次封裝,因?yàn)閿?shù)據(jù)不在一個(gè)頁(yè)面里。
這是第一個(gè)頁(yè)面:
$(".color-gray").click(function(){
var detail = new Object();//自定義一個(gè)空對(duì)象 將獲取的參數(shù)放入這個(gè)對(duì)象
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ù)將對(duì)象轉(zhuǎn)成JSON字符串,放入Cookie里。
location.href = "{pigcms{:U('User/adres_map')}";
});
第二個(gè)頁(yè)面:
$(".addresslist").live('click', function(){
info = JSON.parse($.cookie('info'));//因?yàn)榈谝粋€(gè)頁(yè)面中封裝的Cookie是JSON字符串,這里要先轉(zhuǎn)成對(duì)象。再將本頁(yè)面的數(shù)據(jù)放進(jìn)去。
info.name = $(this).attr("address");
info.longitude = $(this).attr("lng");
info.latitude = $(this).attr("lat");
$.cookie('info', JSON.stringify(info));//放進(jìn)去之后,重新封裝
location.href = "{pigcms{:U('User/add_adres')}&address_id="+info.id;
});
這樣,頁(yè)面運(yùn)行之后,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('添加失敗,請(qǐng)重試!');
}
} 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('編輯失敗,請(qǐng)重試!');
}
}
}
最最最后,補(bǔ)充一下,
如果需要在頁(yè)面輸出已經(jīng)寫(xiě)好的cookie,需要先實(shí)例化一下,
detail = JSON.parse($.cookie('info'));
然后才能這樣使用,
detail.name
以上就是小編為大家?guī)?lái)的jQuery的Cookie封裝,與PHP交互的簡(jiǎn)單實(shí)現(xiàn)全部?jī)?nèi)容了,希望大家多多支持腳本之家~
- jquery.cookie() 方法的使用(讀取、寫(xiě)入、刪除)
- jquery.cookie用法詳細(xì)解析
- 使用jQuery操作Cookies的實(shí)現(xiàn)代碼
- jQuery操作cookie方法實(shí)例教程
- jquery.cookie.js 操作cookie實(shí)現(xiàn)記住密碼功能的實(shí)現(xiàn)代碼
- jquery中cookie用法實(shí)例詳解(獲取,存儲(chǔ),刪除等)
- 基于JQuery的cookie插件
- jquery.cookie.js使用指南
- jquery.cookie.js的介紹與使用方法
- jQuery cookie的公共方法封裝和使用示例
相關(guān)文章
JS JQUERY實(shí)現(xiàn)滾動(dòng)條自動(dòng)滾到底的方法
這篇文章主要介紹了JS JQUERY實(shí)現(xiàn)滾動(dòng)條自動(dòng)滾到底的方法,需要的朋友可以參考下2015-01-01
使用jQuery中的when實(shí)現(xiàn)多個(gè)AJAX請(qǐng)求對(duì)應(yīng)單個(gè)回調(diào)的例子分享
我在為 Mozilla Developer Network(Mozilla開(kāi)發(fā)者社區(qū)) 寫(xiě)代碼時(shí)需要加載的一個(gè)普通的的腳本文件,以及一個(gè)JSON流。 因?yàn)槲覀兪褂胘Query,這意味著需要調(diào)用 jQuery.getScript 和 jQuery.getJSON 函數(shù)2014-04-04
在css加載完畢后自動(dòng)判斷頁(yè)面是否加入css或js文件
使用jquery ui中的dialog()來(lái)顯示消息框,為了使方法方便調(diào)用,便加入了自動(dòng)判斷頁(yè)面是否加入了ui.js和ui.css,具體實(shí)現(xiàn)代碼如下2014-09-09
用jQuery將JavaScript對(duì)象轉(zhuǎn)換為querystring查詢(xún)字符串的方法
這篇文章主要介紹了用jQuery將JavaScript對(duì)象轉(zhuǎn)換為querystring查詢(xún)字符串的方法,本文給大家分享兩種方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
jquery.validate表單驗(yàn)證插件使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery.validate表單驗(yàn)證插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
jquery分頁(yè)優(yōu)化操作實(shí)例分析
這篇文章主要介紹了jquery分頁(yè)優(yōu)化操作,在前文jQuery分頁(yè)顯示的基礎(chǔ)上實(shí)現(xiàn)了避免頻繁查詢(xún)的相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下2019-08-08
基于jquery fly插件實(shí)現(xiàn)加入購(gòu)物車(chē)拋物線動(dòng)畫(huà)效果
在購(gòu)物網(wǎng)站中,加入購(gòu)物車(chē)的功能是必須的功能,有的網(wǎng)站在用戶(hù)點(diǎn)擊加入購(gòu)物車(chē)按鈕時(shí),就會(huì)出現(xiàn)該商品從點(diǎn)擊出以拋物線的動(dòng)畫(huà)相似加入購(gòu)物車(chē),這個(gè)功能看起來(lái)非常炫,對(duì)用戶(hù)體驗(yàn)也有一定的提高。下面介紹基于jquery fly插件實(shí)現(xiàn)加入購(gòu)物車(chē)拋物線動(dòng)畫(huà)效果2016-04-04
jquery實(shí)現(xiàn)圖片漸變切換兼容ie6/Chrome/Firefox
jquery代碼實(shí)現(xiàn)圖片漸變切換同時(shí)兼容ie6、Chrome、Firefox,想學(xué)習(xí)的朋友可以測(cè)試下,希望對(duì)大家有所幫助2013-08-08
jquery怎樣實(shí)現(xiàn)ajax聯(lián)動(dòng)框(一)
ajax聯(lián)動(dòng)框想必大家早有所耳聞,接下來(lái)本文詳細(xì)介紹下使用jquery實(shí)現(xiàn)的原理及代碼,感興趣的你可以參考下,或許對(duì)你有所幫助2013-03-03

