jQuery的Cookie封装,与PHP交互的简单实现_jquery

首先,用到两个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
, php
cookie
cookie封装、js cookie封装、js cookie 封装和调用、原生js封装cookie、cookie的封装,以便于您获取更多的相关知识。

时间: 2024-10-01 12:09:06

jQuery的Cookie封装,与PHP交互的简单实现_jquery的相关文章

jquery使用Cookie和JSON记录用户最近浏览历史_jquery

在一些电商网站,有"商品浏览历史记录"这一功能,一些视频类.小说类的网站也能记录用户最近的浏览历史.本文将使用Cookie以及JSON来讲解如何实现这一功能. Cookie可以用来记录客户端用户ID.密码.浏览过的网页.停留的时间等信息,jQuery提供了一个cookie插件,能非常方便的读写cookie信息.基本流程: 1.获取文章详情页面文章的标题和页面地址: 2.获取浏览历史cookie信息,判断如果浏览历史的cookie中已经存在当前文章的浏览记录,则不进行任何操作: 3.如果

jquery按回车键实现表单提交的简单实例_jquery

本文章在给大家介绍在用户输入完信息之后直接按回车进行表单提交的jquery实现方法,有需要了解的朋友可进来参考以. 键盘事件有3: jquery键盘事件参考: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 正确代码为: $(document).keyup(function(event){ if(

jquery模拟多级复选框效果的简单实例_jquery

今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就20+行就over了. 我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要考虑很多,而且代码量直线上升. 主要分享下jquery的这个效果的实现.代码块分两块: 一是全选的效果,就是点击全选的复选框时它的子孙都相应被选中或者未选中.这个很好做,代码如下: evtEle.parent().next(".checks").find("input:checkbox").attr("c

jquery插件方式实现table查询功能的简单实例_jquery

1. 写插件部分,如下: ;(function($){ $.fn.plugin = function(options){ var defaults = { //各种属性,各种参数 } var options = $.extend(defaults, options); this.each(function(){ //功能代码 var _this = this; }); } })(jQuery); 附上一个例子: ;(function($){ $.fn.table = function(optio

jQuery使用ajax跨域获取数据的简单实例_jquery

jQuery使用ajax跨域获取数据的简单实例 var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; jQuery.support.cors = true; //之前没有加这句老是提示no transport,我没去深想. $.ajax ({ type: "POST", contentType: "application/x-www-form-urlencoded",

jquery获取复选框的值的简单实例_jquery

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style>

用jquery获取自定义的标签属性的值简单实例_jquery

如下所示: <tr class="gradeX" role="row" id="1001"> <td>王羲之</td> <td>2016-01-06</td> <td name="phone" style="display:none;">13680130700</td> <td name="pwd"

jQuery实现div横向拖拽排序的简单实例_jquery

实例如下: <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>div横向拖拽排序</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <style type="text/css"

JQuery的Ajax请求实现局部刷新的简单实例_jquery

请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面. 案例:如图 我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新 原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库重新做查询,二是后台数显数据修改之后,前台直接改