Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Verwendung von jquery.cookie.js examples_jquery

Detaillierte Erläuterung der Verwendung von jquery.cookie.js examples_jquery

WBOY
Freigeben: 2016-05-16 15:23:36
Original
1130 Leute haben es durchsucht

Die Beispiele in diesem Artikel beschreiben die Verwendung von jquery.cookie.js. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Der Betrieb von Cookies begleitet uns ständig, wenn wir eine Website besuchen, zeichnet jede unserer Bewegungen auf und speichert Informationen, die die Privatsphäre des Benutzers nicht beeinträchtigen, sodass Benutzer keine wiederholten Schritte ausführen müssen Dies erleichtert den Kunden erheblich und erhöht ihre Rücklaufquote auf die Website.

jquery.cookie.js bietet eine sehr einfache Möglichkeit, Cookies in jquery zu verwalten.

$.cookie('the_cookie'); // 获得cookie
$.cookie('the_cookie', 'the_value'); // 设置cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除
$.cookie('the_cookie', null); // 删除 cookie
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等

Nach dem Login kopieren

Der Standardablauf dieses Plug-Ins wird in Tagen berechnet. Wir können ihn ändern, um ihn in Millisekunden zu berechnen:

if (typeof options.expires === 'number') {
   //var days = options.expires, t = options.expires = new Date();
   //t.setDate(t.getDate() + days);
   var seconds = options.expires, t = options.expires = new Date();
   t.setTime(t.getTime() + seconds);
   //t.setTime(t.getTime() + days);
   //date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
}

Nach dem Login kopieren

Hier ist ein einfaches Beispiel: Wir müssen Lesestatistiken für eine bestimmte Seite erstellen, aber innerhalb eines Zeitraums (z. B. 5 Minuten) kann nur gezählt werden, egal wie oft dieselbe Person die Seite aktualisiert einmal. . Dies kann mit Hilfe von Cookies erreicht werden:

<script language="javascript" src="/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script language="javascript" src="/js/jquery.jsonp-2.1.4.min.js"></script>
<script type="text/javascript">
 // 页面类型,标识一组页面
 var pageType = 20110420;
 // 页面id,标识唯一一个页面
 var url = window.location.href;
 var url_arr = url.split(".");
 var id = url_arr[url_arr.length - 2];
 //var id = 2;
 //var cookie = $.cookie('the_cookie'+id, true, { expires: 5/24/60/60 });
 $(document).ready(function(){
  init_count(pageType, id);
 })
 // 初始化数据,同一个cookie一分钟的访问量都算一次
 function init_count(pageType, id){
  if($.cookie('the_cookie'+id)){
   //alert("cookie已存在");
   getViewData(pageType, id);
  }
  else
  {
   // 1分钟过期
   var cookie = $.cookie('the_cookie'+id, 'Gonn', { expires: 1000 * 60 * 5 });
   //$.cookie('the_cookie'+id, 'Gonn');
   //var cookie = $.cookie('the_cookie'+id);
   //alert(cookie);
   insert_page(pageType, id);
  }
 }
 // 不插入与更新时统计访问量
 function getViewData(pageType, id){
  $.ajax({
   type: "get",  //使用get方法访问后台
   dataType: "jsonp", //返回json格式的数据
   jsonp:"callback",
   url: "/manage.php", //要访问的后台地址
   data:{"opp":"view", "pageType":pageType, "id":id},
   async: false,
   success: function(data){
    //alert(data.total);
    $('#pc_1').html(data.total);
    $('#pcm_1').html(data.record);
   }
  })
 }
 // 插入或者更新页面统计
 function insert_page(pageType, id){
  var j = null;
  $.ajax({
   type: "get",  //使用get方法访问后台
   dataType: "jsonp", //返回json格式的数据
   jsonp:"callback",
   url: "/manage.php", //要访问的后台地址
   data:{"opp":"insert", "pageType":pageType, "id":id},
   async: false,
   success: function(data){
    //alert(msg.current);
    //alert(msg.record);
    j = data;
    //alert("111");
    //alert(j.total);
    $('#pc_1').html(data.total);
    $('#pcm_1').html(data.record);
   }
  })
 }
</script>

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage