广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    使用jQuery操作Cookies

    2018-04-04 08:34:49 次阅读 稿源:互联网
    零七广告

    Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。

    当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。从本质上讲,它可以看作是你的身份证。

    使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:

    创建Cookie

    使用jQuery设置cookie非常简单。如,我们创建一个名为“example”,值为“foo”的cookie:

    1. $.cookie("example""foo");  

    要设置cookie的有效期,可以设置expires值,如设置cookie的过期时间为10天:

    1. $.cookie("example""foo",{expires:10});  

    设置cookie一小时后过期:

    1. var cookietime = new Date(); 
    2. cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时 
    3. $.cookie("example""foo",{expires:cookietime});  

    要设置cookie的保存路径,可以设置path值,如设置路径为根目录:

    1. $.cookie("example""foo",{path:"/"});  

    如果要设置路径为/admin,则:

    1. $.cookie("example""foo",{path:"/admin"});  

    获取cookie值

    使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为“example”的cookie的值:

    1. alert($.cookie("example"));  

    删除Cookie

    使用jQuery删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已。

    1. $.cookie("example",null);  

    了解了cookie相关设置操作方法后,再接下来的文章中,我会用实例演示cookies的应用,如记录网站用户浏览的历史记录(浏览过的商品、看过的电影),敬请关注。

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告